to-do-list-minimalist

KO | EN

gitlite — search

#python #hacktoberfest #llm #go #android #linux #docker #macos #java #awesome #cli #vue #awesome-list #openai

to-do-list-minimalist

(★ 10)

No description available.

to-do-list-minimalist Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![](https://img.shields.io/badge/Microverse-blueviolet)

# 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](https://web.archive.org/web/20180320194056/http://www.getminimalist.com:80/). 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):

4. Testing add and remove functions
5. **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](https://kingjosh007.github.io/to-do-list-minimalist/)

## 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

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; **Demo**

![Screenshot after milestone 3: Add, edit, remove](https://raw.githubusercontent.com/Kingjosh007/to-do-list-minimalist/main/screenshots/screenshot-3.gif)

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; **Tests (using Jest)**

![Screenshot after milestone 5: All tests using Jest](https://raw.githubusercontent.com/Kingjosh007/to-do-list-minimalist/main/screenshots/screenshot-5.PNG)

## Built With

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) &nbsp; &nbsp;  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) &nbsp; &nbsp; ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)  &nbsp; &nbsp; ![ESLint](https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white) &nbsp; &nbsp; ![Webpack](https://img.shields.io/badge/webpack-%238DD6F9.svg?style=for-the-badge&logo=webpack&logoColor=black) &nbsp; &nbsp; ![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white)

![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white) &nbsp; &nbsp; ![GitHub Actions](https://img.shields.io/badge/githubactions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white) &nbsp; &nbsp; ![Markdown](https://img.shields.io/badge/markdown-%23000000.svg?style=for-the-badge&logo=markdown&logoColor=white) &nbsp; &nbsp; ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)

## Author

👤 **King Josaphat Chewa (KJC)**

- GitHub: [@Kingjosh007](https://github.com/Kingjosh007)
- Twitter: [@KingJoChewa](https://twitter.com/KingJoChewa)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/king-josaphat-chewa-aa154011b/)

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Heartfelt thanks to [Microverse](https://www.microverse.org/)

## 📝 License

This project is [MIT](./MIT.md) licensed.

to-do-list-minimalist

to-do-list-minimalist Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

to-do-list-minimalist

to-do-list-minimalist Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README