Skip to content
Submitted over 2 years ago

Responsive time tracking dashboard using Svelte and Tailwind

svelte, tailwind-css, vite, typescript
Sounak Mukherjee•560
@kanuos
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my solution to the Time tracking dashboard challenge. Even though the app was fairly simple and mostly needed CSS for layout - I chose to code the entire app using Svelte. Instead of using HTML to render the cards manually, I decided to use the data.json to render the entire UI.

Tech Stack

  1. Svelte.js as UI framework
  2. Tailwind CSS as styling library
  3. TypeScript for type-safety
  4. Vitest, STL for testing the library
  5. FontSource library for external fonts

Tools used

  1. VS Code as code editor
  2. Svelte extension for VS Code
  3. Firefox and Chrome browser/dev tools
  4. Git as SVN
  5. GitHub as code repository
  6. Netlify for deployment

Check out my solution. Any feedback/suggestion is appreciated :)

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Sounak Mukherjee's solution.

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