New Year Countdown

SideID
SideID, 1 min read.
Source
New Year Countdown - Main View

New Year Countdown is a web application created using React.js to display a countdown timer to the new year. This project was developed as a learning exercise to explore React.js and its ecosystem.

Key Features

  • Countdown Timer: Displays a real-time countdown to the new year.
  • Fireworks Animation: Features a visually appealing fireworks animation.
  • Typing Animation: Includes a typing animation for a dynamic text effect.
  • Responsive Design: Ensures the application is accessible and visually appealing on various devices.

Technologies Used

  • React.js: Used for building the user interface and managing application state.
  • Tailwind CSS: Utilized for styling the application with a utility-first CSS framework.
  • react-countdown: A React component for creating countdown timers.
  • react-particles & tsparticles-preset-fireworks: Used for creating the fireworks animation.
  • react-simple-typewriter: Employed for the typing animation effect.

Screenshots

New Year Countdown - Countdown View

Getting Started

  1. Clone the repository from GitHub:

    git clone https://github.com/SideeID/NewYearCoundown.git

  2. Navigate to the project directory:

    cd NewYearCoundown

  3. Install dependencies:

    npm install

  4. Start the development server:

    npm start

  5. Open your browser and navigate to http://localhost:3000.

Contribution

This is a personal learning project and does not accept external contributions.