/todo-app

The Todo App is a sleek and efficient task management application designed to help you stay organized and focused. With its intuitive interface and powerful features, it empowers you to tackle your daily tasks with ease. Create, edit, and prioritize your todos, set due dates, and track their completion status to ensure nothing falls through the cra

Primary LanguageTypeScript

Todo App

This is a Todo application built with a microservice architecture using NestJS as the backend framework and a NEXTjs as frontend client.

Architecture Overview

The application consists of the following components:

  • Backend Server 1 (NestJS) - Port 8000 auth server
  • Backend Server 2 (NestJS) - Port 5000 todo server
  • Frontend Client (NextJS) - Port 3000

The microservice architecture enables easy debugging, hosting, and scaling of the application.

Features

  • User sign-up and sign-in functionality for authentication.
  • Create, read, update, and delete todo tasks.
  • Filter todos based on completion status.
  • Real-time updates when todos are modified.
  • Simple and intuitive user interface.

Tech Stack

The Todo app uses the following technologies:

Frontend:

  • Next.js: A React framework for building server-rendered applications.
  • Tailwind CSS : A utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
  • javascript

Backend:

  • NestJS: A progressive Node.js framework for building efficient and scalable server-side applications.
  • PostgreSQL: A powerful, open-source relational database management system.
  • typescript

Setup

To build and run the Docker image, follow these steps:

Open a terminal or command prompt.

Navigate to the directory containing the Dockerfile.

Run the following command to build the Docker image:

docker build -t my-app:latest .
docker run -p 8000:8000 my-app:latest          # Auth Backend
docker run -p 5000:5000 my-app:latest          # Todo Backend
docker run -p 3000:3000 my-app:latest          # Frontend Client

To run the Todo app locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/ankitrout2903/todo-nest-next.git

    Install dependencies for the backend servers and frontend client:

cd backend-server-1
npm install

cd ../backend-server-2
npm install

cd ../frontend-client
npm install
Start the backend servers:
cd backend-server-1
npm run start

cd ../backend-server-2
npm run start
Start the frontend client:
cd frontend-client
npm run start

Access the Todo app in your browser:

Open your web browser and visit http://localhost:3000 to view the Todo app.