A small interactive dashboard that lights up numbers 1 to 9 sequentially with start, stop, and reset controls. Built with vanilla JavaScript, SCSS, and Webpack, this project demonstrates modular design, event-driven UI logic, and clean frontend architecture.
-
Lights up numbers 1 → 9 sequentially with a 1-second delay.
-
Start button: begins the number sequence.
-
Stop button: pauses the sequence wherever it is.
-
Reset button: resets the sequence and UI to initial state.
-
Modular design using separate components for buttons and number board.
-
Styled with SCSS, bundled with Webpack for a professional setup.
-
JavaScript (ES6+)
-
SCSS / Sass
-
HTML5
-
Webpack (bundler & dev server)
-
Modular, component-based architecture
-
Clone the repository:
git clone https://github.com/Yeison0416/number-sequence.git -
Navigate to the project folder:
cd number-sequence -
Install dependencies:
npm install -
Start the development server:
npm start -
Open your browser at
http://localhost:8080 -
To build for production:
npm run build