This project is written in JavaScript with minimal npm scripts and commands

Overview

To Do App

This is an Educational repository, for learning how to install and implement the Webpack, Webpack-CLI and the Webpack-dev-server for a project. This project is written in Javascript with minimal npm scripts and commands. It is a minimal implementation of a To Do list application.

Live URL

Deployment

Built With

  • HTML, CSS, JavaScript
  • Git, GitHub, Webpack, Webpack-cli, webpack-dev-server.

Getting Started

Setting this project Locally,

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

  1. Clone the Repo or Download the Zip file
  2. Run the live server or simply open index.html with your browser.

Authors

👤 Omachi John Sunday

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!!

Acknowledgments

📝 License

This project is MIT licensed.

You might also like...

Codemod scripts to update AWS SDK for JavaScript APIs.

aws-sdk-js-codemod This repository contains a collection of codemod scripts for use with JSCodeshift that help update AWS SDK for JavaScript APIs. The

Jan 2, 2023

Digispark Overmaster : free IDE TOOL allows to create and edit Digispark Scripts by the drag and drop technique,with cool GUI and easy to use it

Digispark Overmaster : free IDE TOOL allows to create and edit Digispark Scripts by the drag and drop technique,with cool GUI and easy to use it

Digispark_Overmaster Digispark Overmaster : free IDE TOOL allows to create and edit Digispark Scripts by the drag and drop technique,with cool GUI and

Nov 14, 2022

Powershell scripts and Update script for Powershell configs and oh-my-posh themes

windows-powershell-autoconfig What is it? It is a NodeJS Project which updates your powershell and oh-my-posh scripts. Why should I use it? It is very

Dec 28, 2022

Windmill: Open-source platform and runtime to turn any scripts into internal apps, integrations and workflows

Windmill: Open-source platform and runtime to turn any scripts into internal apps, integrations and workflows

. Open-source and self-hostable alternative to Airplane, Pipedream, Superblocks and a simplified Temporal with autogenerated UIs to trigger flows and

Jan 4, 2023

An interactive Bitcoin tutorial for orange-pilled beginners. Illustrates technical Bitcoin concepts using JavaScript and some Bitcoin Core RPC commands. Programming experience is helpful, but not required.

An interactive Bitcoin tutorial for orange-pilled beginners. Illustrates technical Bitcoin concepts using JavaScript and some Bitcoin Core RPC commands. Programming experience is helpful, but not required.

Try Bitcoin Try Bitcoin is an interactive Bitcoin tutorial inspired by and forked from Try Regex, which is inspired by Try Ruby and Try Haskell. It il

Nov 25, 2022

portfolio-project is a npm package to automatically update your projects section in your portfolio website. It will fetch the selected repositories directly from your GitHub account.

portfolio-project is a npm package to automatically update your projects section in your portfolio website. It will fetch the selected repositories directly from your GitHub account.

portfolio-project Those days of manually updating portfolio website after every new project made are gone ⚡ Yesss . . . you read that right. 😉 portfo

Aug 3, 2021

TypeScript CLI for creating HTML & CSS & TypeScript project with different bundlers, v2022.10.23 is ready on NPM

TypeScript CLI for creating HTML & CSS & TypeScript project with different bundlers, v2022.10.23 is ready on NPM

TSCI CLI TypeScript CLI for creating HTML & CSS & TypeScript project with different bundlers. Installation npm i -g tsci Usage Want to contribute? You

Dec 14, 2022

Leader Board is a simple project based on JavaScript programing language. The purpose of this project is to work with APIs and ASYNC & AWAIT methods. I have used vanilla JavaScript with web pack to implement this project

Leader Board is a simple project based on JavaScript programing language. The purpose of this project is to work with APIs and ASYNC & AWAIT methods. I have used vanilla JavaScript with web pack to implement this project

Leader Board - JavaScript Project Table of contents Overview The challenge Screenshot Links Project Setup commands My process Built with What I learne

Oct 21, 2022

Simple scripts for crawling shopee's shop and product information from shopee.vn

Table of Contents About The Project Built With Getting Started Prerequisites Installation Usage License About The Project shopee-crawler is a simple p

Dec 13, 2022
Comments
  • Completed Todo list

    Completed Todo list

    In this pull request i worked on:

    Used webpack to bundle JavaScript.

    Learned how to use proper ES6 syntax.

    Used ES6 modules to write modular JavaScript.

    Added some functionality to my application to make it interactive

    Updated items object's value for completed key upon user actions.

    Implemented a function for the "Clear all completed" button

    opened by MrOmachi 0
  • Todo Complete project:

    Todo Complete project:

    In this PR, I have:

    • Used webpack to bundle JavaScript.

    • Learned how to use proper ES6 syntax.

    • Used ES6 modules to write modular JavaScript.

    • Added some functionality to my application to make it interactive

    • Updated items object's value for completed key upon user actions.

    • Implemented a function for the "Clear all completed" button

    opened by MrOmachi 0
  • Todo List App

    Todo List App

    In this project, I have:

    • Used webpack to bundle JavaScript.
    • Learned how to use proper ES6 syntax.
    • Used ES6 modules to write modular JavaScript.
    • Built a simple HTML list of To Do
    • Followed best practices for HTML/CSS, JavaScript to ensure no linter errors
    • And finally documented my work professionally
    opened by MrOmachi 0
  • peer-to-peer code reviews

    peer-to-peer code reviews

    peer-to-peer code reviews

    nice work, please check this:

    • [ ] update git links in the package.json to this repo links https://github.com/MrOmachi/To-do-list-App/blob/20ceeb0e07fb981bef6eb9549403ada16bf9eec0/package.json#L13 https://github.com/MrOmachi/To-do-list-App/blob/20ceeb0e07fb981bef6eb9549403ada16bf9eec0/package.json#L19

    • [ ] rather than parentElement.parentElement.children[2].children[0] use a querySelector with id, this if the HTML structure change it will not brake the code. https://github.com/MrOmachi/To-do-list-App/blob/20ceeb0e07fb981bef6eb9549403ada16bf9eec0/src/index.js#L23-L42

    • [ ] is good practice to name the file with the class it has (each file should have only one class), and the class name should be representative of the type of the object it constructs, in this case, should be toDo or ``task` https://github.com/MrOmachi/To-do-list-App/blob/20ceeb0e07fb981bef6eb9549403ada16bf9eec0/src/modules/todoConstruct.js#L1-L9

    opened by carlosmuerto 2
Owner
John Omachi
Full-stack developer, Digital marketer, C.E.O, Open source enthusiast. Stack: JavaScript, Ruby, Rails, React, Redux. Looking for a challenging job opportunity!
John Omachi
A collection of scripts to build offline documentation for your favourite frameworks/libraries. Simply search, copy/paste the commands and enjoy.

Offline-docs A collection of scripts to build offline documentation for your favourite frameworks/libraries. Simply search, copy/paste the commands an

Naveen Namani 37 Dec 24, 2022
All terminal commands in one place (you can Contribute to it by putting latest commands and adding Readme)

Terminal-Commands All basic terminal commands in one place Show some ❤ by some repositories You can contribute to this readme If you to contribute wit

Shehzad Iqbal 7 Dec 15, 2022
➤_ A better way to organize your npm scripts

➤_ Better Scripts A better way to organize your npm scripts See better-scripts.vercel.app → Installation Usage Basic setup Add script description Scri

Yoki 49 Dec 29, 2022
Minimal versions of popular analytics libraries. Reduce the impact of third-party scripts on your application.

minimal-analytics This project aims to provide minimal implementations of popular analytics libraries. It's aimed at users who want to reduce the impa

James Hill 32 Dec 25, 2022
A viewer for Arc System Works scripts and hitboxes written in Godot.

ASWViewer A viewer for Arc System Works scripts and hitboxes written in Godot. Currently only supports Guilty Gear -Strive-. It also displays the mode

null 3 Sep 20, 2022
Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics.

Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.

Priya Chakraborty 0 Jan 29, 2022
Boilerplate starter template for a new TON blockchain project - FunC contracts, JS tests, compilation and deployment scripts

TON Starter Template - Contracts Starter template for a new TON project - FunC contracts, JS tests, compilation and deployment scripts Overview This p

TON DeFi Ecosystem 44 Dec 17, 2022
Richard Chileya 5 Nov 11, 2022
A collection of Javascript scripts running with Alchemy Web3.js, Fetch, or Axios

Alchemy NFT API Javascript Scripts Clone the repo, install dependencies, and try the API out! Clone git clone [email protected]:alchemyplatform/nft-api-j

Alchemy 47 Nov 29, 2022