https://github.com/rupesh-dev30/todo-authentication-redux-toolkit
Todo Application built to showcase a full-stack implementation using modern technologies. The application is designed with a focus on functionality, scalability, and collaboration. Below is a detailed guide to help you get started with the project.
https://github.com/rupesh-dev30/todo-authentication-redux-toolkit
express mongodb nodejs react reactrouter redux redux-toolkit
Last synced: about 2 months ago
JSON representation
Todo Application built to showcase a full-stack implementation using modern technologies. The application is designed with a focus on functionality, scalability, and collaboration. Below is a detailed guide to help you get started with the project.
- Host: GitHub
- URL: https://github.com/rupesh-dev30/todo-authentication-redux-toolkit
- Owner: rupesh-dev30
- Created: 2024-12-07T18:28:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-09T18:25:39.000Z (over 1 year ago)
- Last Synced: 2025-04-03T02:45:07.465Z (about 1 year ago)
- Topics: express, mongodb, nodejs, react, reactrouter, redux, redux-toolkit
- Language: JavaScript
- Homepage:
- Size: 188 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo Application
This is a **Todo Application** built to showcase a full-stack implementation using modern technologies. The application is designed with a focus on functionality, scalability, and collaboration. Below is a detailed guide to help you get started with the project.
---
## 🛠️ Technologies Used
### Frontend:
- **React Vite**
- **React Redux**
- **Redux Toolkit**
### Backend:
- **Node.js**
- **Express.js**
### Database:
- **MongoDB**
---
## ✨ Features
- 🔐 User authentication (custom-built without third-party libraries).
- ✅ Add, update, and delete todos.
- 🗂️ State management using Redux Toolkit.
- 💾 Persistent data storage with MongoDB.
---
## ⚙️ Setup Instructions
Follow these steps to set up the project locally:
### 1. 🖇️ Clone the Repository
```bash
git clone https://github.com/rupesh-dev30/Todo-with-Blog.git
cd Todo-with-Blog
```
### 2. 📄 Environment Variables
- Create an .env file in both the backend directories.
- Refer to the provided env-example file for the required environment variables.
### 3. 📦 Install Dependencies
- Frontend
```bash
cd frontend
npm install
```
- Backend
```bash
cd backend
npm install
```
### 4. 🚀 Run the Application
- Development Mode:
Run the following command in both frontend and backend directories:
```bash
npm run dev
```
The application should now be running locally!
## Screenshots / Images
## 🤝 Contributing
- This project is a work in progress, and we welcome contributions from the community. There are still a few bugs, and your support can help improve the application while offering a great learning experience for everyone.
### How to contribute
- 🍴 Fork the repository.
- 🌱 Create a feature branch: git checkout -b feature-name.
- 💾 Commit your changes: git commit -m "Description of changes".
- 🔄 Push to the branch: git push origin feature-name.
- 📨 Submit a pull request.
### Open Source Collaboration
Contributing to this project is a great way to explore and understand open-source collaboration. Whether you’re fixing bugs, enhancing features, or simply reviewing code, your contributions are highly valued!
## 📜 License
This project is licensed under the MIT License. See the LICENSE file for details.