Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/navaneeth-21/fullstacktodoapp-jwt
This is an fullstack TodoApp using JWT(json web tokens) for authentication. Users can Create Account and make their todolist . Users can apply multiple operations
https://github.com/navaneeth-21/fullstacktodoapp-jwt
expressjs html-css-javascript jwt mongodb
Last synced: about 1 month ago
JSON representation
This is an fullstack TodoApp using JWT(json web tokens) for authentication. Users can Create Account and make their todolist . Users can apply multiple operations
- Host: GitHub
- URL: https://github.com/navaneeth-21/fullstacktodoapp-jwt
- Owner: Navaneeth-21
- License: mit
- Created: 2024-02-09T16:12:32.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-07-25T18:10:37.000Z (5 months ago)
- Last Synced: 2024-08-06T17:21:05.785Z (5 months ago)
- Topics: expressjs, html-css-javascript, jwt, mongodb
- Language: JavaScript
- Homepage:
- Size: 177 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ToDo App
A Simple web Application for managing your todos . This Project uses Express.js for the backend, MongoDB as the database and javascript for the frontend.
This project uses JWT for authenticating the users using tokens which are stored in cookies.
- Users can create their accounts and make their todolist
- Users can perform operations like delete , editing the tasks## Features
- Create Account by providing respective credentials
- Add new todos
- view existing todos
- Mark todos as completed
- Delete todos
- Edit todos## Technologies used
- **Backend:** Express.js , MongoDB , JWT
- **Frontend:** HTML , CSS , JavaScript## Screenshot
- Register page
![Registration Page](images/Register_page.png)- Todos
![Todo App Screenshot](images/Todo_Screenshot.png)
## Getting Started### Prerequisites
- Node.js and npm installed
- MongoDB installed and running### Installation
1. Clone the repository
2. Install dependencies
npm install
3. Replace the url with your connection String
4. Start the server:npm start
5.Open the web browser and go to http://localhost:3000 to access the TodoApp.## Contributing
Contributions are welcome! Feel free to submit issues or Pull requests.