Taskify ✨

Get Things Done, Stress-Free.

Taskify is a modern, elegant, and efficient task management application designed to help you organize your day and boost your productivity. With a sleek and minimal user interface, Taskify makes managing your to-do list a delightful experience.

🌟 Preview

Here’s a quick look at Taskify’s landing page:

🚀 About The Project

Taskify is a full-stack web application built with the MERN stack (MongoDB, Express.js, React, Node.js) and designed with modern aesthetics and usability in mind. It provides a seamless experience for users to sign up, log in, and manage their daily tasks. The project features a complete backend API for handling user data and tasks, and a beautiful, responsive frontend built with React and Tailwind CSS.

The recent redesign focuses on a clean, inspiring, and motivating dashboard that makes productivity feel effortless.

Key Features

• Secure User Authentication: Sign up and log in with email/password or using your Google account.
• Modern Dashboard: A beautifully redesigned, responsive dashboard that looks great on all devices.
• Full CRUD Functionality: Create, read, update, and delete your tasks with ease.
• Task Filtering: Quickly filter tasks by "All", "Active", and "Completed" status.
• Task Progress Tracking: Visualize your productivity with a dynamic progress bar and stats.
• Sleek UI/UX: Enjoy smooth animations, hover effects, and a professional design inspired by modern SaaS applications.
• RESTful API: A robust backend API to manage all application logic.

🛠️ Built With

This project is built with a modern tech stack:

Frontend:

• React
• Vite
• Tailwind CSS
• React Router
• Lucide React (for icons)
• Firebase Authentication (for Google Sign-In)

Backend:

• Node.js
• Express.js
• MongoDB
• Mongoose
• JSON Web Tokens (JWT)

🏁 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

Make sure you have the following installed on your machine:

• Node.js (v18.x or higher recommended)
• npm (Node Package Manager)
• MongoDB (or a MongoDB Atlas account for a cloud database)

Installation

1. Clone the repository:

   git clone https://github.com/your-username/taskify.git
   cd taskify
   

2. Set up the Backend:

   • Navigate to the backend directory:

    cd backend
   

   • Install NPM packages:

     npm install
   

   • Start the backend server:

    node index.js
   

3. Set up the Frontend:

   • Open a new terminal and navigate to the frontend directory:

     cd ../Frontend
   

   • Install NPM packages:

     npm install
   

   • Start the frontend development server:

     npm run dev
   

The application should now be running, with the frontend available at http://localhost:5173 and the backend at http://localhost:3000.

📖 Usage

• Register: Create a new account using your full name, email, and password, or sign up with a single click using Google.
• Login: Access your dashboard by logging in with your credentials.
• Manage Tasks: From the dashboard, you can:
  • Add new tasks using the input field.
  • Mark tasks as complete by clicking the checkbox.
  • Edit existing tasks by clicking the edit icon.
  • Delete tasks you no longer need.
• Track Progress: Keep an eye on your completion stats and progress bar to stay motivated.

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

Distributed under the MIT License. See LICENSE for more information.

📬 Contact

Aman Yadav - @amandoestwt - ay.work07@gmail.com

Project Link: https://github.com/dev-amanydv/Taskify