MERN Task Manager

A MERN application for basic tasks management.
👤 Made by Kiing DDX

Table of Contents

• Features
• Tools and Technologies
• Dependencies
• Dev-dependencies
• Prerequisites
• Installation and Setup
• Backend API
• Frontend Pages
• npm Scripts
• Useful Links
• Contact

Features

User-side features

• Signup
• Login
• Logout
• Add tasks
• View tasks
• Update tasks
• Delete tasks

Developer-side features

• Toasts for success and error messages
• Form validations in frontend and backend
• Fully Responsive Navbar
• Token-based Authentication
• Use of 404 page for wrong URLs
• Relevant redirects
• Global user state using Redux
• Custom Loaders
• Use of layout component for pages
• Use of theme colors
• No external CSS files needed (made using Tailwind CSS)
• Usage of Tooltips
• Dynamic document titles
• Redirect to previous page after login
• Use of various React hooks
• Custom hook (useFetch)
• Routes protection
• Middleware for verifying the user in backend
• Use of proper HTTP status codes
• Standard best practices followed

Tools and Technologies

• HTML
• CSS
• JavaScript
• Tailwind CSS
• Node.js
• Express.js
• React
• Redux
• MongoDB

Dependencies

• axios
• react
• react-dom
• react-redux
• react-router-dom
• react-toastify
• redux
• redux-thunk
• bcrypt
• cors
• dotenv
• express
• jsonwebtoken
• mongoose

Dev-dependencies

• nodemon
• concurrently

Prerequisites

• Node.js must be installed
• MongoDB database
• Code editor (VS Code recommended)

Installation and Setup

1. Install all dependencies:

   npm run install-all
   
   
   ## Acknowledgments
   

This project is inspired by and built upon the MERN Task Manager tutorial by Aayush301.
I have customized and added new features to better understand the MERN stack.