https://github.com/princepal-dev/todo-fullstack
A user-friendly application for efficiently managing tasks. Features include creating, updating, deleting, and viewing todos. Built with React, Recoil for state management, and Tailwind CSS for styling.
https://github.com/princepal-dev/todo-fullstack
Last synced: about 10 hours ago
JSON representation
A user-friendly application for efficiently managing tasks. Features include creating, updating, deleting, and viewing todos. Built with React, Recoil for state management, and Tailwind CSS for styling.
- Host: GitHub
- URL: https://github.com/princepal-dev/todo-fullstack
- Owner: princepal-dev
- License: mit
- Created: 2024-06-01T11:43:15.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-01T12:05:23.000Z (about 2 years ago)
- Last Synced: 2025-10-19T15:52:49.252Z (9 months ago)
- Language: JavaScript
- Homepage:
- Size: 76.2 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Todo Management WebApp
Todo Management WebApp is a full-stack application that allows users to manage their tasks efficiently. Users can create, update, delete, and view their todos. The application uses Recoil for state management, Tailwind CSS for styling, and connects to a backend API for data persistence.
## Features
- [x] User Authentication
- [x] Add New Todos
- [ ] Edit Existing Todos
- [x] Delete Todos
- [x] Mark Todos as Completed
- [ ] Responsive Design
- [x] User-friendly UI
- [ ] Priority Levels
- [ ] Due Dates and Reminders
- [ ] Categories and Tags
- [ ] Attachments
and many more to be added...
## Tech Stack
**Client:** React, Recoil, Tailwind CSS, Axios, React Icons, React Toastify
**Server:** Node.js, Express, MongoDB, JWT for authentication, Cookies for session management
## Installation
1. Clone the repository:
```bash
git clone https://github.com/hustlerZzZ/todo-fullstack.git
cd todo-fullstack
```
2.Install frontend dependencies:
```
cd frontend
npm i
```
3.Install backend dependencies:
```
cd backend
npm i
```
## Configuration
Set up environment variables:
```
PORT=5555
MONGO_URI=your_mongodb_uri
JWT_SECRET=your_jwt_secret
```
## Running the application
1. Start the backend server:
```
cd backend
node index.js
```
2. Start the frontend:
```
cd frontend
npm run dev
```
## Contributing
Contributions are welcome! Please fork this repository and submit a pull request for any features, fixes, or improvements.
## License
This project is licensed under the MIT License. See the LICENSE file for details.