Number Sequence

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.

🚀 Features

• 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.

💻 Technologies Used

• JavaScript (ES6+)

• SCSS / Sass

• HTML5

• Webpack (bundler & dev server)

• Modular, component-based architecture

Installation & Setup

1. Clone the repository: git clone https://github.com/Yeison0416/number-sequence.git

2. Navigate to the project folder: cd number-sequence

3. Install dependencies: npm install

4. Start the development server: npm start

5. Open your browser at http://localhost:8080

6. To build for production: npm run build

Demo

SequenceNumberHandBrake.mp4