Skip to content

An elegant and simple to do list made with Next.js, Typescript and TailwindCSS

Notifications You must be signed in to change notification settings

arpittyagi102/To-Do-List

Repository files navigation

Next.js To-Do List Application

Welcome to the most Robust yet elegant To-Do List application built using Next.js, TailwindCSS, and TypeScript. The application allows users to add, edit, and delete tasks with optional descriptions and due dates. The state is managed locally as well as synchronized with a server.

Features

  • Add new tasks with titles, descriptions, and due dates.
  • In place editing of task titles.
  • Seamlessly Deletion of tasks.
  • Toggle the visibility of task descriptions.
  • Responsive design with TailwindCSS.
  • Saving all the data in MongoDB through APIs
  • Smooth animations and transitions.

Technologies Used

  • Next.js - React framework for server-rendered applications.
  • TailwindCSS - Utility-first CSS framework.
  • TypeScript - Typed superset of JavaScript.
  • MongoDB - NoSQL based Database

Getting Started

To get a local copy of the project up and running, follow these steps:

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/your-repo-name.git
    
  2. Navigate to the project directory:

    cd your-repo-name
    
  3. Install dependencies:

    npm install
    

    or

    yarn install
    
  4. Start the development server:

    npm run dev
    

    or

    yarn dev
    
  5. Open your browser and navigate to http://localhost:3000.

About

An elegant and simple to do list made with Next.js, Typescript and TailwindCSS

Topics

Resources

Stars

Watchers

Forks