Hello!
I made this little thing in about an hour that fetches the scratch API and renders stuffi was bored lol
Yes, this was inspired by Snazzle
Bellow is what it looks like:


Note: I had to use a CorsProxy so information will probably be outdated
Try it here!

wowww that…it’s so cool!

Looks neat but why does the entire page have padding D':

ajskateboarder wrote:

Looks neat but why does the entire page have padding D':

idk lol

You should use +layout.svelte for the navbar don't put it in every page, also why is client side loading not there?

seriously?

just do this

Don't use a cors proxy instead use +page.server.js/ts files on Vercel to create a proxy endpoint that fetches data from the Scratch API directly and passes it to the client. Why? well because

Chiroyce wrote:

You should use +layout.svelte for the navbar don't put it in every page, also why is client side loading not there?

function exploreProjects() {
  window.location.href = '/projects';
}

seriously?

just do this

import { goto } from "$app/navigation";

function exploreProjects() {
  goto('/projects');
}

Don't use a cors proxy instead use +page.server.js/ts files on Vercel to create a proxy endpoint that fetches data from the Scratch API directly and passes it to the client. Why? well because

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://corsproxy.io/?https://api.scratch.mit.edu/explore/projects?q=all&mode=trending&language=en. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 403.

Thanks! I'll add that later, to be honest, I don't know why I made the NavBar like that. I still am learning to be fluent with SvelteKit. So a lot of the code is just from JS or HTML knowledge.

Mr_rudy wrote:

Chiroyce wrote:

You should use +layout.svelte for the navbar don't put it in every page, also why is client side loading not there?

function exploreProjects() {
  window.location.href = '/projects';
}

seriously?

just do this

import { goto } from "$app/navigation";

function exploreProjects() {
  goto('/projects');
}

Don't use a cors proxy instead use +page.server.js/ts files on Vercel to create a proxy endpoint that fetches data from the Scratch API directly and passes it to the client. Why? well because

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://corsproxy.io/?https://api.scratch.mit.edu/explore/projects?q=all&mode=trending&language=en. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 403.

Thanks! I'll add that later, to be honest, I don't know why I made the NavBar like that. I still am learning to be fluent with SvelteKit. So a lot of the code is just from JS or HTML knowledge.

I made it use goto, and use +layout.svelte, but I couldn't figure out how to use +page.server.js files, so I am still using a CorsProxy