Skip to content

muhon9/Pomodor-Timer-VanillaJS

Repository files navigation

🍅 Vanila JS Pomodoro Timer

A Pomodor Timer App using VanillaJS

Pomodor-Timer.png

🎯 About

I started this mini project during my Webpack learning. Main goal was to see how webpack builds it. As i am not comfortable making a modular app with Vanilla JS only i kept all the functionality in index file. Using only vanilla JS to write a mini fully functional app was fun

Webpack

I used my Vanilla JS Webpack Boilerplate to use as Development Server and Build Tool. If you are interested only on Vanilla JS part you can see only the index.html, index.js and style.css files. The rest are Webpack things

Webpack Boilerplate

▶️ Demo

Here you can find the demo link:

🚀 Technologies

✔️  Used Only Vanilla JS no Framework
✔️  Used Only Vanilla CSS
✔️  Used Webpack for develpment server and build

How To Use It

  • Clone the repository
  • Change directory to the root folder

In the project directory, you can run:

npm install

This will install all the necessary packages

npm start

Runs the app in the development mode.
Open http://localhost:8000 to view it in the browser.

The page will reload if you make edits.

npm build

Builds the app for production to the dist folder.

Use these dist folder to serve the app

About

This is a very small pomodor timer app created with the purpose of learning vanilla js fundamentals.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published