https://github.com/craftingweb/todo-app

https://github.com/craftingweb/todo-app

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/craftingweb/todo-app
• Owner: craftingweb
• Created: 2023-07-08T18:33:36.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-08T19:36:28.000Z (over 1 year ago)
• Last Synced: 2024-06-03T23:24:54.273Z (6 months ago)
• Language: JavaScript
• Size: 65.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
"ToDo-App" is a web application built using React, Vite, the latest version of React Router 6.4, TailwindCSS, and REST API. The purpose of the application is to create and manage a list of tasks or to-dos.

To explore the full functionality and features of the ToDo-App, you can clone or download the repository and open the files in a web browser to see the application in action.

You'll need to follow these steps:

1. Clone the repository to your local machine using Git or download the repository as a ZIP file and extract its contents.

2. Open the extracted folder, which contains the ToDo-App project files in VSCode

3. The ToDo-App has a backend, so it is not a static web application, so you need to run the server by executing the following commands:

   npm install json-server && json-server --watch db.json

   It will start the server in the following ports:

   http://localhost:3000/data

   http://localhost:3000

4. Then you need to open another terminal in order to start the application.

5. Make sure that you are in the same folder and run the following commands:

   npm i && npm run dev

   then click on a local web server running on your own machine something like this http://localhost:5173/

   This will open the application in your default web browser, launching the ToDo-App.

6. Interact with the ToDo-App by adding, deleting, or updating tasks using the provided interface.

7. Enjoy!

   Developed in NYC ❤️

[scrnli_7_8_2023_5-01-56 PM.webm](https://github.com/VitaliPri/ToDo-App/assets/101225909/7316ba37-5cd9-4adf-85dd-cd4e582f6a99)

Lighthouse statistics are 100 out of 100 Best Practices implemented and 97 out of 100 Accessibility.