Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Project Tracking Intro - Svelte + Typescript + SCSS + GSAP || Vite

#bem#gsap#svelte#typescript#sass/scss
P

@Miculino

Desktop design screenshot for the Project tracking intro component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey guys! Hope you're having a great time here on Frontend Mentor!

I'm back with another awesome Frontend Mentor challenge - the Project Tracking Intro Component.

I always enjoy building these projects, but I enjoyed building this one even more because it was the first project in which I've used Svelte, Typescript, SCSS, GSAP, and Vite all in one place. All I can say is that I'm in awe at how fast the development has become thanks to Vite and it's really a powerful match coupled with Svelte.

Since most of the project was mainly focused on the design and not any heavy data structures/logic, I'm naturally interested in the feedback regarding the SCSS I wrote for this project and what improvements I could make for the responsive design. I struggled in those regards mainly because of the background shape and devices illustration.

Let me know what you guys think about the project.

Thanks for taking the time to check out my project and see you in the next challenge! :)

Community feedback

P
AK 6,700

@skyv26

Posted

Hi! Remus, I checked your code and I don't know svelte, TS yet. But about your design, I would say really impressive UI and 10/10 for cool animation. Good Job.

Marked as helpful

1

@ayoam

Posted

Well done! I found an issue , the navbar isn't showing in the desktop view , it works only mobile view .

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord