Harrison Holt

Event Countdown Timer

Description:
The Event Countdown Timer is an interactive web application designed to count down to any specified event. This project was developed using React.js to handle stateful components efficiently and Bootstrap for responsive design, ensuring that the countdown timer is accessible on any device.

My Design Process

I aimed for a user-friendly interface with a minimalist design, focusing on ease of use and clarity. The design allows users to easily set and view the countdown to their events without unnecessary distractions.

Color Palette

The chosen color palette is designed to be visually soothing yet attention-grabbing, enhancing the user's experience while awaiting their event:

#F5F5F5 (Ghost White)

#F4F4F9 (Lavender Grey)

#3498DB (Dodger Blue)

#E74C3C (Carmine Red)

Technology Stack

For the development of the Event Countdown Timer, I used the following technologies:

• React.js: Used for building the interactive and stateful components of the timer.
• Bootstrap: Leveraged for its responsive grid system and styling components to ensure the timer looks good on all devices.
• HTML & CSS: For structuring and styling the application, keeping the design simple and clean.
• Figma: Utilized for wireframing and design mockups, helping visualize the layout and design before coding.
• Version Control: Managed using Git and GitHub for tracking changes and collaboration.

My Coding Process

This project was an excellent opportunity to enhance my React.js skills, focusing on using state and props to manage the countdown timer dynamically. Bootstrap was utilized to ensure the layout is responsive and functional on various devices, from smartphones to desktops.