Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nia3zzz/localstorage-todo-app-nextjs

This To-Do web app saves todo tasks of user in localstorage with functionalities for marking a todo task as completed, editing a todo task and also deleting a todo task. It uses localstorage as the database to store todo tasks, Nextjs for building the user interface, and Node.js for server-side runtime environment.
https://github.com/nia3zzz/localstorage-todo-app-nextjs

localstorage localstorage-crud nextjs nextjs-app-router single-page-app todoapp vercel-deployment

Last synced: 23 days ago
JSON representation

This To-Do web app saves todo tasks of user in localstorage with functionalities for marking a todo task as completed, editing a todo task and also deleting a todo task. It uses localstorage as the database to store todo tasks, Nextjs for building the user interface, and Node.js for server-side runtime environment.

Awesome Lists containing this project

README

        

LocalStorage - To-Do App - Nextjs


This To-Do web app saves todo tasks of user in localstorage with functionalities for marking a todo task as completed, editing a todo task and also deleting a todo task. It uses localstorage as the database to store todo tasks, Nextjs for building the user interface, and Node.js for server-side runtime environment. The app provides a seamless experience for users to manage todo tasks.

https://github.com/user-attachments/assets/cbd8a06c-68e8-497b-a619-17f1a2a5a85d

Running the Project Locally


To run this project on your local machine, follow these steps:

1. Clone the Repository: Clone this repository to your local machine:

git clone https://github.com/mushfiqurniazzz/localstorage-todo-app-nextjs

2. Navigate to Project Directory: Move into the project directory

3. Install Dependencies: Install the necessary dependencies using npm or yarn:

npm install

or

yarn

4. Start the Development Server: Run the following command to start the development server:

npm run dev

5. Access the App: Open your web browser and navigate to `http://localhost:3000` to access the app. You can now use the app locally on your machine.