Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vagyasri/to-do-list

In this project, I am building a TO-DO-LIST in order to Practice Webpack and ES6.
https://github.com/vagyasri/to-do-list

css html javascript

Last synced: about 1 month ago
JSON representation

In this project, I am building a TO-DO-LIST in order to Practice Webpack and ES6.

Awesome Lists containing this project

README

        

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

# To Do List
In this project, I have implemented the CRUD (create, update, delete) methods. All the elements of the user interface are fully functional in this app.

## Built With

- HTML
- CSS
- JavaScipt
- ES6
- Webpack

## Live Demo

[Live View!!](https://vagyasri.github.io/To-Do-List/dist/)

## Author

👤 **Bhagyashree Patra**

- GitHub: [@Vagyasri](https://github.com/Vagyasri)
- Twitter: [@Vagyasri](https://twitter.com/Vagyasri)
- LinkedIn: [Bhagyashree Patra](https://www.linkedin.com/in/bhagyashree-patra-029bb059/)

## Getting Started

### Prerequisites:

- Web browser
- Code Editor (VS Code)
- Live Server Extension

### Cloning the repo to your local system (If you already have git, installed in your system):

- [Copy this link](https://github.com/Vagyasri/To-Do-List.git)
- Open your terminal or command line
- Run "git clone [Paste this link](https://github.com/Vagyasri/To-Do-List.git)"
- Open the folder with your code editor
- Now You can edit the code and check the changes in the browser using Live Server

### Web-pack Setup

- Install Web-pack: Run npm install webpack
- Update Distribution folder with the changes from Source folder: Run npm run build
- Check the live changes through the local host: Run npm start

#### For better guidance on setting up Web-pack in your local system go through [this repo](https://github.com/Vagyasri/Webpack-Setup.git)

### Check linter errors:

- Install npm
- For HTML: Run npx hint .
- For CSS: Run npx stylelint "**/*.{css,scss}"
- For JS: Run npx eslint .

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Start by:

- Forking the project
- Cloning the project to your local machine
- cd into the Youtube-Replica project directory
- Run git checkout -b your-branch-name
- Make your contributions
- Push your branch up to your forked repository
- Open a Pull Request with a detailed description to the development branch of the original project for a review

Feel free to check the [issues page](https://github.com/Vagyasri/To-Do-List/issues), contribute to the Project by creating an issue.

## Show your support

Give a ⭐️ if you like this project!