SvelteKit-full-stack-todo-list

Sveltekit Full Stack Todo List

A full stack todo list web application written using the SvelteKit framework

Full-Stack Todo Web Application using SvelteKit and MongoDB

This is a full-stack web application that allows users to manage their to-do lists efficiently. The application is built using the SvelteKit framework on the front end and MongoDB on the back end to store and manage task data. The purpose of this project was to learn more about SvelteKit and to gain experience in building a full stack web application.

Features

  • User Authentication: Users can sign up and log in to access their personalized to-do lists securely. Also utilize JWT tokens and cookies for seamless authentication, and route protection.
  • Create Tasks: Users can add new tasks with due dates and priorities.
  • Update Tasks: Tasks can be edited or marked as completed as needed.
  • Delete Tasks: Completed or unnecessary tasks can be removed from the list.
  • Filter and Sorting: Users can filter and sort their tasks based on completion status.
  • Responsive Design: The application is fully responsive, ensuring a seamless experience across various devices.

Tech Stack

  • Front-end: SvelteKit (JavaScript framework for building web applications) and TypeScript
  • Back-end: SvelteKit form actions (for handling API requests) and MongoDB (database for storing task data)
  • Styling: CSS
  • Hosting: The application can be deployed on platforms like Vercel, Netlify, or your preferred hosting service (I'm using Netlify).

Top categories

Loading Svelte Themes