https://github.com/vit718/birthdaywisher_reactjs

For People who are bad at Wishing Birthdays - ReactJS
https://github.com/vit718/birthdaywisher_reactjs

birthday birthday-gift birthday-reminder countdown css react react-project reactjs

Last synced: 7 months ago
JSON representation

For People who are bad at Wishing Birthdays - ReactJS

• Host: GitHub
• URL: https://github.com/vit718/birthdaywisher_reactjs
• Owner: vit718
• License: mit
• Created: 2024-09-28T03:14:39.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-18T12:56:36.000Z (11 months ago)
• Last Synced: 2025-01-28T00:32:53.210Z (9 months ago)
• Topics: birthday, birthday-gift, birthday-reminder, countdown, css, react, react-project, reactjs
• Language: JavaScript
• Homepage:
• Size: 587 KB
• Stars: 1
• 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

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:

Click on Generate Link

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)

## Birthday Wisher🎂

Loads this Page Instead of Coutdown on the Birthday

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

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

Wishing Component Page : `Wish.jsx`

Countdown Compenent Page : `Countdown.jsx`