tekhlay/to-do-list

This is a minimal to-do list used to organize your daily schedule. The system also helps to mark and unmark the completion progress of your daily tasks. It is done for educational purposes.

Microverse README Template

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

📖 [TO-DO-List]

This is a Minimal TODO List project set up using webpack. This project allows users to see their to do list tasks, add new task, delete and see complted tasks.

[TO-DO-List] is a suportive website which makes yor day well arranged and organized.

🛠 Built With

Tech Stack

Describe the tech stack and include only the relevant sections that apply to your project.

Client

• Vanilla JavaScript ES6
• HTML
• CSS
• Webpack bundler
• HtmlWebpackPlugin
• style-loader and css-loader

Server

• Express.js

Database

• PostgreSQL

Key Features

key features of the TO DO List web application.

• [Add new tasks]
• [Delete completed tasks]
• [Edit Mis arranged or ordered tasks]

(back to top)

🚀 Live Demo

Add a link to your deployed project.

• Live Demo Link

(back to top)

### Screen Shoot

💻 Getting Started

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

Prerequisites

In order to run this project you need:

• A web browser like Google Chrome or Firefox.
• A code editor like Visual Studio Code with Git and Node.js

Setup

Clone this repository to your desired folder:

In the terminal, go to your file directory and run this command.

$ git clone https://github.com/Tekhlay/webpack.git

Install

Install this project with:

Usage

To run the project and possible to modify the files as much as you needed, execute the following command:

Run tests

To run webpack, run the npm script by this command:

$ npm run build

To start webpack-dev-server, use this:

$ npm start

Deployment

You can deploy this project using: Github pages

(back to top)

👥 Authors

Mention all of the collaborators of this project.

👤 Tekhlay

• GitHub: @Tekhlay
• Twitter: @TeklayB
• LinkedIn: [https://www.linkedin.com/in/tekhlay/)

(back to top)

🔭 Future Features

• [Drag and drop order functionality]
• [new_feature_2]
• [new_feature_3]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project Give ⭐️ and share with your friends.

(back to top)

🙏 Acknowledgments

I would like to thank microverse.

(back to top)

❓ FAQ

Add at least 2 questions new developers would ask when they decide to use your project.

• [How to use the source code?]

  • [For educational purpose only]

• [Question_2]

  • [Answer_2]

(back to top)

📝 License

This project is MIT licensed.

(back to top)

to-do-list's Issues

Peer to peer code review : Week 3 - Day 4

Hello @Tekhlay,
Good Job so far 👍
You have done a pretty good job so far 💯

Description

• But there is something you should work on. When I shrink the page to a specific width it affects the styling of the page.

Suggestion

• The page will be flawless if you try adding some padding on the div container.

Optional Suggestion

• Whenever a user clicks on the Clear all completed button, it makes the page reload every time. You may fix that to increase User Usability.

Code Reviewers

• Ismail Ali (@IsmailChangezi)
• Hassaan Baig (@Hassaanjbaig-code)
• Prantosh Biswas (@PrantoshB)

That's it. Best of luck for your future 💐

Happy Coding 👨🏽‍💻

Check the quality of your code

I think and I believe enough that I have followed all required things for clean code best practice

• Lnter checks pass correctly
• I have applied the best practices for JS and followed the DRY rule.
• I create a professional readme file
• I put meaningful commit messages