Skip to content

TaskMaster is a full-stack web application built using the MERN (MongoDB, Express, React, Node.js) stack along with Tailwind CSS. It is designed to provide users with a personalized task management system

Notifications You must be signed in to change notification settings

mahendrameghwal/taskmaster-client

Repository files navigation

TaskMaster

TaskMaster is a full-stack web application built using the MERN (MongoDB, Express, React, Node.js) stack along with Tailwind CSS. It offers a personalized task management system that allows users to manage their tasks efficiently.

Table of Contents

Features

  • Create, update, and delete tasks
  • Edit tasks
  • Filter tasks by status (pending or completed)
  • Search for tasks by name
  • User registration, login, and logout functionalities
  • Each user can view their own personalize tasks only
  • Responsive design for desktop and mobile devices

Demo

Check out the live demo of TaskMaster live URL.

Screenshots

Dashboard Dashboard - Manage your tasks effectively.

Task Edit Task Edit - Edit task details with ease.

Task Add Task Add - Add task by user.

Tech Stack

  • Frontend: React.js
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Styling: Tailwind CSS
  • State Management: React Hooks
  • API Requests: Axios
  • Animination : farmer motion

Getting Started

Follow these steps to set up and run TaskMaster on your local machine:

  1. Clone the repository: git clone https://github.com/yourusername/TaskMaster.git
  2. Navigate to the project directory: cd TaskMaster
  3. Install dependencies: npm install
  4. Set up environment variables (if needed)
  5. Start the development server: npm start

Usage

  1. Register/Login: Create an account or log in to your existing account.
  2. Dashboard: View, add, edit, and delete your tasks.
  3. Filter & Search: Filter tasks by status and search for tasks by name.
  4. Task Editing: Edit task details, mark tasks as completed, or delete them.
  5. Logout: Safely log out from your account.

Authentication

TaskMaster uses JSON Web Tokens (JWT) for authentication. Users are required to authenticate using their credentials to access their tasks.

Contributing

Contributions are welcome! To contribute to TaskMaster, follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix: git checkout -b feature-name
  3. Make your changes and commit them: git commit -m "Add your message here"
  4. Push to the branch: git push origin feature-name
  5. Submit a pull request.

License

This project is licensed under the MIT License.


Crafted with ❤️ by mahendra kumar.

About

TaskMaster is a full-stack web application built using the MERN (MongoDB, Express, React, Node.js) stack along with Tailwind CSS. It is designed to provide users with a personalized task management system

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published