Taskology

A MERN application for basic tasks management.

Home page

Tasks list with search options.

Adding/Editing tasks.

Features

User-side features

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

Tools and Technologies

• HTML
• CSS
• Javascript
• Tailwind CSS
• Node.js
• Express.js
• React
• Redux
• Mongodb

Dependencies

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

Dev-dependencies

Following are the major dev-dependencies of the project:

• nodemon
• concurrently

Prerequisites

• Node.js must be installed on the system.
• You should have a MongoDB database.
• You should have a code editor (preferred: VS Code)

Installation and Setup

1. Install all the dependencies

   npm run install-all

2. Create a file named ".env" inside the backend folder. Add data from .env.example file and substitute your credentials there.

3. Start the application

   npm run dev

4. Go to http://localhost:3000

Backend API

- 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

Frontend pages

- /                 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

npm scripts

At root:

• npm run dev: Starts both backend and frontend
• npm run dev-server: Starts only backend
• npm run dev-client: Starts only frontend
• npm run install-all: Installs all dependencies and dev-dependencies required at root, at frontend and at backend.