/To-Do-List

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

Primary LanguageJavaScriptMIT LicenseMIT

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

Author

👤 Bhagyashree Patra

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
  • Open your terminal or command line
  • Run "git clone Paste this link"
  • 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

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, contribute to the Project by creating an issue.

Show your support

Give a ⭐️ if you like this project!