https://github.com/ayyesu/todoapp
MERN stack TodoApp project
https://github.com/ayyesu/todoapp
authentication mongodb nodejs react redux tailwindcss
Last synced: about 2 months ago
JSON representation
MERN stack TodoApp project
- Host: GitHub
- URL: https://github.com/ayyesu/todoapp
- Owner: ayyesu
- Created: 2022-10-26T15:14:55.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-12T16:02:23.000Z (over 1 year ago)
- Last Synced: 2025-01-19T12:13:16.628Z (3 months ago)
- Topics: authentication, mongodb, nodejs, react, redux, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 481 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TodoApp with Authentication
This is a full-stack web application for managing todos. It includes user authentication using JSON Web Tokens (JWT). The front end is built with React, the backend with Express, and data is stored in a MongoDB database.
## Features
- User authentication using JWT.
- Create, Read, Update, and Delete todos.
- User-specific todos.
- Responsive UI for seamless use on various devices.
## Technologies Used
- **Frontend:**
- React
- Axios (for API requests)
- React Router (for routing)
- **Backend:**
- Express.js
- JSON Web Tokens (JWT) for authentication
- MongoDB with Mongoose (as the database)
## Getting Started
These instructions will help you set up and run the project on your local machine for development and testing purposes.
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/TodoApp.git
cd TodoApp
# Install backend dependencies
```bash
cd backend
npm install
```
# Install frontend dependencies
```bash
cd ../frontend
npm install
```
# Create a .env file in the backend directory and set the following variables:
```bash
MONGODB_URI=YOUR_MONGODB_URI
JWT_SECRET=YOUR_JWT_SECRET
```
# Start the Server:
In the backend directory:
`npm start`
# Start the Frontend
In the frontend directory:
`npm start`
Visit `http://localhost:3000` to access the application.