Svelte_todolist

edusilvaramos

Download

Svelte Todo List

A simple todo list application built with Svelte and Vite.

the code for the application is available at: https://github.com/edusilvaramos/svelte_todoList

Requirements

Node.js 16 or later
npm 7 or later

Installation

Move into the project folder:

cd svelte_todoList

Install the dependencies:

npm install

Environment Variables

This project uses Supabase for authentication and localStorage for offline persistence. Before starting the app, you must create an environment file with the following variables:

VITE_SUPABASE_URL=your_supabase_project_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
VITE_STORAGE_KEY=your_localstorage_key

ps: Go to supabase https://supabase.com Create a Project, then go to Project Settings > API and copy the URL and anon key.

VITE_STORAGE_KEY is required and sets the key used for saving local app data in localStorage. There is no default value set in the code—you must define it in your .env file.

These variables are loaded from .env or .env.local.

Build the application:

npm run build

Start the development server:

npm run dev

Start the development server:

npm run dev

Vite will print the local URL in the terminal, usually http://localhost:5173.

Production Build

Create a production build:

npm run build

Preview the production build locally:

npm run preview

Authentication

This project uses Supabase Auth for:

User registration
Email and password sign-in
Session management
Logout
Password reset flow

The application communicates with Supabase through the Supabase JavaScript SDK.

Supabase handles password hashing and authentication flows securely, which keeps sensitive logic out of the client application.

For more details, see the Supabase Auth documentation.

Documentation and References

Top categories