Skip to content

This is a task management application built with Next.js. It allows users to manage their tasks and boards efficiently. The app features a sleek user interface with support for dark and light themes. Users can perform CRUD operations on tasks and boards, create an account using their email address.

Notifications You must be signed in to change notification settings

DomZem/task-management-next-app

Repository files navigation

Task Management Next App

This is a task management application built with Next.js. It allows users to manage their tasks and boards efficiently. The app features a sleek user interface with support for dark and light themes. Users can perform CRUD operations on tasks and boards, create an account using their email address, and enjoy responsive design for mobile devices. Security measures include JWT access tokens and HTTP-only cookies to protect against unauthorized access.

📸 Project Screenshots:

home page dark theme

home page light theme

welcome page dark theme

welcome page light theme

add new board dark theme

add new board light theme

board page dark theme

board page light theme

add new task dark theme

add new task light theme

delete task dark theme

delete task light theme

🧐 Features

Here're some of the project's best features:

  • Account creation via email
  • Secure authentication with JWT access tokens and HTTP-only cookies
  • CRUD operations for tasks and boards
  • Toast notifications for feedback on actions
  • Responsive design for mobile devices
  • Dark and light theme options

🚀 Credentials

If you want to check the app immediately, you can use that example account:

🛠️ Installation Steps:

⚠️ Before you run these commands make sure you run your backend server.
You can do that by using that repo: https://github.com/DomZem/task-management-nest-api. I described there step by step what to do.
After that setup env variable to contain link to server.

Clone project

  git clone https://github.com/DomZem/task-management-next-app

Go to the project directory

  cd invoice-next-app

Install dependencies

  npm install

Run app

  npm run dev

💻 Built with

Technologies used in the project:

  • Next JS

  • TypeScript

  • TailwindCSS

  • React Query

  • Jest

  • Testing-Library

About

This is a task management application built with Next.js. It allows users to manage their tasks and boards efficiently. The app features a sleek user interface with support for dark and light themes. Users can perform CRUD operations on tasks and boards, create an account using their email address.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages