Svelte Svelte Themes

Svelte

TO DO List Manager

To-Do List Manager

This project allows users to create personalized to-do lists, manage them, and share them with others. Users can add, edit, and delete tasks in their lists. Built using Svelte, this application offers a fast, reactive, and user-friendly experience.

Features

Personal To-Do Lists: Users can create their own to-do lists.
List Management: Add new tasks, edit existing ones, and delete tasks as needed.
List Sharing: Users can share their lists with others.
Real-Time Updates: Changes made to a list are updated and visible instantly.
Responsive Design: Optimized for all screen sizes, from mobile devices to desktops.

Technologies

Svelte: Used for building the frontend of the application.
HTML/CSS: Basic building blocks for the user interface design.

Installation

Follow the steps below to run this project locally on your machine.

Prerequisites

Node.js and npm must be installed on your system.
  1. Clone the Repository

    Clone the repository to your local machine:

    git clone https://github.com/gamzeyilmaaz/Svelte.git cd svelte-todo-list-manager

  2. Install Dependencies

    Use npm or yarn to install the necessary dependencies:

    npm install

    or

    yarn install

  3. Run the Development Server

    Start the development server with the following command:

    npm run dev

    or

    yarn dev

    This will launch the application locally and make it accessible at localhost:5000.

  4. Build for Production

    To prepare the app for production, run the following command:

    npm run build

    or

    yarn build

    This will generate the production-ready files in the public folder.

Usage

Create a New List: Click on the "Create New List" button on the homepage to create a new list.
Add Tasks to the List: Use the "Add New Task" button to add tasks to your created list.
Edit and Delete Tasks: You can manage tasks by clicking the edit or delete buttons next to each task.
Share Your List: Share your list with others by using the share button in the top-right corner of the list.
Delete a List: To delete a list, open the list and click the delete button.

Contributing

If you’d like to contribute to this project, feel free to follow these steps:

Fork this repository.
Create a new branch.
Make your changes and commit them.
Open a pull request to submit your changes.

Top categories

Loading Svelte Themes