/TaskMaster

TaskMaster is a comprehensive task management web application built using React, Context API, and local storage. It offers users a streamlined interface to organize tasks efficiently, leveraging modern web technologies for seamless performance.

Primary LanguageJavaScript

TaskMaster

Overview

TaskMaster is a comprehensive task management web application built using React, Context API, and local storage. It offers users a streamlined interface to organize tasks efficiently, leveraging modern web technologies for seamless performance.

Table of Contents

  1. Overview
  2. Demo
  3. Features
  4. Installation
  5. Usage
  6. Folder Structure
  7. Technologies Used
  8. Contributing
  9. License
  10. Contact

Demo

Explore the live demo of the application here.

Features

  • Add, edit, and delete tasks
  • Mark tasks as completed
  • Persistent data storage using local storage
  • Responsive design for various screen sizes
  • Light and dark theme support

Installation

Follow these steps to set up the project locally:

  1. Clone the repository:

    git clone https://github.com/Awadesh365/TaskMaster.git
cd TaskMaster

  2. Install dependencies:

    npm install

  3. Start the development server:

    npm start

  4. Open the application: Open your browser and navigate to http://localhost:3000

Usage

Basic Commands

  • Start development server:

    npm start

  • Build for production:

    npm run build

  • Run tests:

    npm test

Folder Structure

TaskMaster/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── assets/
│   │   └── ...
│   ├── components/
│   │   ├── TaskList.js
│   │   ├── TaskItem.js
│   │   └── ...
│   ├── contexts/
│   │   ├── TodoContext.js
│   │   └── ThemeContext.js
│   ├── styles/
│   │   ├── index.css
│   │   └── ...
│   ├── utils/
│   │   ├── api.js
│   │   └── ...
│   ├── App.jsx
│   ├── index.jsx
│   └── ...
├── .gitignore
├── package.json
├── README.md
└── ...

Technologies Used

  • React - JavaScript library for building user interfaces
  • Context API - State management for React applications
  • Local Storage - Browser storage for persistent data
  • Tailwind CSS - Utility-first CSS framework
  • Vite - Frontend build tool

Contributing

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

  1. Fork the repository.

  2. Create a new branch:

    git checkout -b feature/your-feature-name

  3. Make your changes and commit them:

    git commit -m "Add some feature"

  4. Push to the branch:

    git push origin feature/your-feature-name

  5. Submit a pull request.

Please ensure your code follows our coding guidelines and includes relevant tests.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions or feedback regarding TaskMaster, please contact the project maintainer: