developerwaleed/Interactive-TODOLIST

To-DO-lIST is a web application that is created only using JS. It allows you to manage your day effectively. The application is packed with many great features, i.e. drag and drop, delete completed tasks, filter the tasks according to your need.

📗 Table of Contents

Click to view contents

1. 📖 About the Project
   • 📹 Video
   • 🛠 Built With
     • Tech Stack
     • Key Features
   • 🚀 Live Demo
2. 💻 Getting Started
   • Setup
   • Prerequisites
   • Install
   • Usage
   • Run tests
   • Deployment
3. 👥 Authors
4. 🔭 Future Features
5. 🤝 Contributing
6. ⭐️ Show your support
7. 🙏 Acknowledgements
8. ❓ FAQ
9. 📝 License

📖 To-Do-List

To-DO-lIST is a web application that is created only using JS. It allows you to manage your day effectively. The application is packed with many great features, i.e. drag and drop, delete completed tasks, filter the tasks according to your need.

🛠 Built With

Tech Stack

• Javascript
• SASS

Client

• React

Key Features

This projects aim is to serve its users the best experience in terms of every single aspect.

• You can filter your tasks.
• You can arrange your tasks using drag and drop functionality.
• You can use the application on any device and will have no issue what so ever!
• Dark Mode is implemented.
• User can clear all completed tasks by clicking the Clear Task Button.
• The task can be deleted and edited by hovering over the task you can find the options!
• Web Appliction is Accessibility supported!

(back to top)

🚀 Live Demo

Click Here for live Version!

(back to top)

💻 Getting Started

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

Prerequisites

• Live Server

Setup

Github

• Enter this url: https://github.com/developerwaleed/Interactive-TODOLIST in your web browser.
• Once opened navigate to the top left level of the project a green code download button will be visible on the righthand side.
• Select the download Zip option from drop-down menu.
• Once the download is complete you will be able to access my project locally.

Local (Terminal)

  git clone https://github.com/developerwaleed/Interactive-TODOLIST.git
  cd Interactive-TODOLIST

Install

Install dependencies and gems in this project with:

Make sure you have something to run the application on live server.

  cd Interactive-TODOLIST

Usage

To run the project:

• Open Index.html on live server.

Run tests

To run tests, run the following command:

npm run test

Deployment

You can deploy this project using:

• Github Pages
• Netlify

(back to top)

👥 Authors

👤 Name	Github	Twitter	LinkedIn
Waleed Amjad	@caasperr	@developerwaleed	@developerwaleed

(back to top)

🔭 Future Features

• Currently none.

(back to top)

🤝 Contributing

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

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

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, feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project. Don't forget to give it a ⭐️

(back to top)

🙏 Acknowledgments

• A big thanks to @frontendmentor for the challenge.

(back to top)

❓ FAQ

• What inspired me to create this project?

The inspiration for this project came from Frontend Mentor – a platform that aims to Improve your front-end skills by building real projects.

(back to top)

📝 License

This project is MIT licensed.

(back to top)