👋 Hi there, 👉 See Live Now 👉 See Client-side(Frontend) repo
This is a full-stack web application that provides functionality for user authentication, task management, and task filtering. Users can sign up, log in, update their information, add tasks, mark tasks as completed, view tasks, filter tasks, delete individual tasks, and delete all completed tasks.
- CSS
- React
- Node.js
- Express.js
- MongoDB
- Redux Toolkit
- React Router DOM
- Styled Components
- Axios
- Bcrypt.js
- Body-parser
- CORS
- dotenv
- Express Async Error
- Express Validator
- HTTP Status Codes
- JSON Web Token (JWT)
- Mongoose
- Morgan
-
User Authentication:
- Signup: Users can create new accounts by providing their email and password.
- Login: Existing users can log in using their credentials.
- Update User Info: Users can update their profile information, such as their name or profile picture.
-
Task Management:
- Add Task: Users can create new tasks with a title and description.
- Mark Task as Completed: Users can mark tasks as completed to track their progress.
- View Tasks: Users can view their tasks, including both pending and completed tasks.
- Filter Tasks: Users can filter tasks based on their completion status (all, pending, completed).
- Delete Task: Users can delete individual tasks.
-
Delete All Completed Tasks: Users can delete all completed tasks at once to declutter their task list.
- Clone the repository.
- Navigate to the project directory.
- Install the dependencies using the package manager of your choice:
npm install ```
- Create a
.env
file in the root directory and configure the following environment variables:PORT=8080
MONGO_URL=mongodb+srv://new-faysel:0966463034f@cluster0.ogdb2gk.mongodb.net/YOUR_NOTES?retryWrites=true&w=majority
JWT_SECRET=mysecret
NODE_VERSION=20.3.0
5. Start the development server:
````shell
npm run dev
- Open a web browser and access the application at
http://localhost:3000
.
Contributions are welcome! If you find any issues or have suggestions for improvements, please create an issue or submit a pull request.