Project README

This project is a Todo application created using Create Next App. BE Repo Todo App Link

Tech-stack : Nextjs, TypeScript, Tailwind CSS, React-Query NodeJS, Mongodb, Express, mongoose,

Features: Create, Delete, Update operations, Paginations

Technologies Used

• Frontend:

  • Framework: Next.js
  • CSS: Tailwind CSS (a utility-first CSS framework)
  • Language: TypeScript
  • Data Fetching: RESTful API and CRUD operations handled with React-Query.

• Backend:

  • Framework: Node.js
  • Database: MongoDB

Features

• Add Todo: Users can add new tasks to their todo list, providing a title and additional details.

• Delete Todo: Users can remove tasks from their todo list, helping keep the list up to date.

• Edit Todo: Users have the ability to modify existing tasks, updating the title or details as needed.

Getting Started

1. Install Node.js version 18.

2. Clone this repository:

   git clone https://github.com/mohdasifabid/todo-app-cna

3. Navigate to the project directory:

   cd your-repository

4. Install dependencies:

   npm install

5. Run the application:

   npm run dev

6. Open your browser and go to http://localhost:3000 to view the Todo app.

Backend Deployment

The backend is built using Node.js and deployed on Render. Make sure to set up the necessary environment variables for the backend to connect to the MongoDB database.

Database

The database for this project is hosted on MongoDB. Ensure you have the appropriate connection strings and configurations set up.