Todollo

Todollo is a productivity and task management application designed to help individuals streamline their daily activities and get things done with ease.

Contents

1. LiveDemo
2. ScreenShots
3. Installation

Overview

This task management application is designed to streamline your daily activities and enhance your productivity. It includes a front-end user interface and a back-end API that work seamlessly together to manage tasks efficiently.

Front-end Features

1. Homepage: The homepage displays all tasks, categorizing them into three status groups: To Do, Doing, and Done.

2. Task Card: Each task is showcased with its title and description, providing users with essential details.

3. Add Task: Users can easily create a new task by filling out a form that prompts them for the title and description of the task.

4. Edit Task: The application allows users to edit the title and description of existing tasks, ensuring they can keep their tasks up-to-date.

5. Delete Task: Implementing a delete feature enables users to remove tasks permanently when needed.

6. Task Status: Users can effortlessly drag and drop tasks between the To Do, Doing, and Done categories, allowing for efficient task management.

7. Responsive Design: The application is fully responsive, ensuring that it functions seamlessly and maintains a consistent visual appearance on mobile devices.

Back-end Features

1. API Endpoints: A robust back-end API has been created to support CRUD (Create, Read, Update, Delete) operations for tasks.

2. Database Storage: All tasks are stored in a database, ensuring data persistence and reliability.

With this task management application, you can organize your tasks, track their progress, and improve your productivity. Whether you're managing personal to-dos or collaborating with a team, this application has you covered.

Feel free to explore the live demo and start managing your tasks effectively!

LiveDemo

You can access and test the live demo of the application by following this link: Live Demo

Note: The application features one-click Google Sign-In for a hassle-free experience.

Screenshot

Snapshot of the Home Page

Snapshot of the Todos Page

Snapshot of the Drag And Drop Functionality

Installation

This is a Next.js project bootstrapped with create-next-app.

First, download the dependencies:

npm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.