Task Manager

Arsalan Ansari / April 1, 2023

🚀 Task Manager

📌 Overview

Simple Task Manager application built for managing simple day to day task, built with React.js, Redux and React Router with user authentication.

🎯 Objectives

✅ High-performance web app with minimal load times.
✅ Scalable and maintainable architecture using modular components.
✅ Accessible design following modern UI/UX principles.
✅ Optimized database handling with Prisma ORM.

🏗 Tech Stack Breakdown

React.js - Frontend UI logic, component-based architecture
Redux - State management library for managing complex state in react
React Router - For managing client side routes.
Express.js - For creating a Node.js server.
Mongoose - ORM for MongoDB.

⚙️ Features & Functionality

🎨 Modern UI/UX

Theme customization using Bootstrap.
Dynamic and reusable components.
Responsive and mobile-friendly design.

📡 Efficient API Handling

Data fetching using fetch API.
Secure authentication mechanisms using JWT.

🏗 Robust Architecture

Scalable file structure for maintainability.
Modular components for easy reuse and extensibility.
Decoupled backend and frontend logic.

🏗 Installation & Setup

Follow the steps below to get started with the project.

🚀 Prerequisites

Ensure you have the following installed:

Node.js (>=20)
npm or yarn
MongoDB

📥 Installation

Clone the repository and install dependencies:

  git clone https://github.com/arsalanansariofficial/task-manager
  cd task-manager/frontend
  npm i
  cd task-manger/backend
  npm i