A MERN application for basic tasks management.
- Signup
- Login
- Logout
- Add tasks
- View tasks
- Update tasks
- Delete tasks
- 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 also used (useFetch)
- Routes protection
- Middleware for verifying the user in backend
- Use of different HTTP status codes for sending responses
- Standard pratices followed
- HTML
- CSS
- Javascript
- Tailwind CSS
- Node.js
- Express.js
- React
- Redux
- Mongodb
Following are the major dependencies of the project:
- axios
- react
- react-dom
- react-redux
- react-router-dom
- react-toastify
- redux
- redux-thunk
- bcrypt
- cors
- dotenv
- express
- jsonwebtoken
- mongoose
Following are the major dev-dependencies of the project:
- nodemon
- concurrently
- POST /api/auth/signup - POST /api/auth/login - GET /api/tasks - GET /api/tasks/:taskId - POST /api/tasks - PUT /api/tasks/:taskId - DELETE /api/tasks/:taskId - GET /api/profile
- / Home Screen (Public home page for guests and private dashboard (tasks) for logged-in users) - /signup Signup page - /login Login page - /tasks/add Add new task - /tasks/:taskId Edit a task