Skip to content

Kingjosh007/to-do-list-minimalist

Repository files navigation

To-do List (inspired by Minimalist)

"To-do List (inspired from Minimalist)" is a simple yet powerful to-do list inspired by the Minimalist website which is no longer online, but of which you can see an archive here. The ultimate goal of this project was to build a replica of a website using the recently learned ES6 and Webpack concepts.

This project was divided into three (3) parts. Refer to the corresponding branch. The branch in bold is the one I am working on.

  1. List structure
  2. Interactive list
  3. Add and remove items

Later, I had to create a couple additional branches for testing purposes (using Jest):

  1. Testing add and remove functions
  2. Testing edit task, status updates and repositioning of items, clear all completed

Live Demo

Here is the link to the live version of this project: See it live

Getting Started

To get a local copy of this project, do the following:

  1. In your terminal, cd to the folder where you want to copy this project.
  2. Still in your terminal, type git@github.com:Kingjosh007/to-do-list-minimalist.git
  3. Run cd to-do-list-minimalist
  4. Run npm install && npm start
  5. If your browser doesn't open automatically, open it manually and type http://localhost:8080/ in the URL bar.

Screenshots

                                                            Demo

Screenshot after milestone 3: Add, edit, remove

                          Tests (using Jest)

Screenshot after milestone 5: All tests using Jest

Built With

HTML5     CSS3     JavaScript     ESLint     Webpack     Jest

Git     GitHub Actions     Markdown     Visual Studio Code

Author

👤 King Josaphat Chewa (KJC)

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published