https://github.com/mahamudm90/birthday-countdown

This is a React js Site & that is use in CountDown Birthday.🗳
https://github.com/mahamudm90/birthday-countdown

css3 html5 react-hooks reactjs

Last synced: about 4 hours ago
JSON representation

This is a React js Site & that is use in CountDown Birthday.🗳

• Host: GitHub
• URL: https://github.com/mahamudm90/birthday-countdown
• Owner: MahamudM90
• License: mit
• Created: 2022-01-09T09:05:58.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-24T14:09:13.000Z (almost 3 years ago)
• Last Synced: 2023-12-29T10:28:19.541Z (11 months ago)
• Topics: css3, html5, react-hooks, reactjs
• Language: JavaScript
• Homepage: https://birthdaygenerate.netlify.app
• Size: 722 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🎉Birthday Wisher with Countdown!🎉

Made with React with Hooks.

## Getting started

You can view a live demo over at https://birthdaygenerate.netlify.app/

To get It running locally:

- Clone this repo

- `npm install` to install all req'd dependencies

- `npm start` to start the local server (this project uses create-react-app)

## Usage:

Visit [https://birthdaygenerate.netlify.app/()

Click on Generate Link

or Head to [https://birthdaygenerate.netlify.app/()

Enter the `name , day , month of birthday`

![ScreenShot of Form](screenshots/generate.png)

Click on Generate Link

You Can see a Link being generated Copy or Visit the link by Clicking on the Button

And There You Go ! 🎉

![ScreenShot of Form](screenshots/duma.png)

## ScreenShot of Coutdown Timer⏲️

![ScreenShot of Countdown](screenshots/countdown.png)

It's Fully Responsive and you can change styles in the `app.css`

Wishing Component Page : `Wish.jsx`

Countdown Compenent Page : `Countdown.jsx`