Skip to content

ankitBytes/TodoApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ToDo List App

This is a simple ToDo List application built using React and Material-UI. The app allows users to manage their tasks by adding, editing, marking as done, and deleting them. It also includes a login feature with hardcoded credentials for demonstration purposes.

Features

  • Add new tasks
  • Edit existing tasks
  • Mark tasks as done
  • Move tasks back to "on-going"
  • Delete tasks
  • Swipe navigation for different task lists (done, on-going, dropped)
  • Simple login functionality

Setup Instructions

Follow these steps to set up and run the application locally:

Prerequisites

  • Node.js (version 14 or higher)
  • npm (Node Package Manager) or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/todo-list-app.git
    cd todo-list-app
                
  2. Install the dependencies:

    Using npm:

    npm install

    Using yarn:

    yarn install

Running the Application

  1. Start the development server:

    Using npm:

    npm start

    Using yarn:

    yarn start

    The application will start and can be accessed at https://gregarious-churros-f32ccf.netlify.app/ in your web browser.

Usage

  1. Login:

    Use the following hardcoded credentials to log in:

    • Username: user
    • Password: password
  2. Manage Tasks:

    • Add new tasks using the input field and the "Add" button.
    • Edit tasks by clicking the edit icon next to the task.
    • Mark tasks as done by clicking the check icon.
    • Move tasks back to "on-going" by clicking the redo icon.
    • Delete tasks by clicking the delete icon.
  3. Swipe Navigation:

    Swipe left or right to navigate between "done," "on-going," and "dropped" task lists.

Project Structure

  • src/App.js: Main application component.
  • src/index.js: Entry point of the application.
  • public: Contains the static files for the application.

Dependencies

  • React
  • Material-UI

Contributing

If you would like to contribute to the project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Description of your changes"
  4. Push to the branch:
    git push origin feature-name
  5. Create a pull request.

License

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

Acknowledgments

  • Material-UI for the UI components and icons.

Enjoy using the ToDo List App! If you have any questions or need further assistance, feel free to open an issue on the repository.

Releases

No releases published

Packages

 
 
 

Contributors