Skip to content

A full-stack to-do app built with Next.js, Tailwind CSS, and TypeScript, including backend support for authentication and database management.

Notifications You must be signed in to change notification settings

romanh24/nextjs-todo-list

Repository files navigation

Getting Started

To run this project locally, you’ll need the following installed:

  • Node.js: v20.16.0
  • npm: v10.8.1

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to run the app.

Project Overview

A full-stack to-do app built with Next.js, Tailwind CSS, and TypeScript, including backend support for authentication and database management.

Features

  1. Filter by Status: View tasks based on their completion status.
  2. Smooth Animations: Enhances user experience.
  3. Form Validation: Built with react-hook-form for robust, customizable form handling.
  4. Auto-scroll on New Task: Automatically scrolls to the latest addition.
  5. Code Quality: ESLint for consistent coding standards.
  6. Optimized Data Fetching: Uses @tanstack/react-query and axios for efficient API requests.
  7. Modular Codebase: Clean, organized code structure.

Tech Stack

  • Frontend: Next.js, Tailwind CSS, TypeScript, @tanstack/react-query, axios, react-hook-form, ESLint
  • Backend: Node.js, Express, PostgreSQL, jsonwebtoken

About

A full-stack to-do app built with Next.js, Tailwind CSS, and TypeScript, including backend support for authentication and database management.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published