https://github.com/deep-codes/birthday-wisher

For People who are bad at Wishing Birthdays - ReactJS
https://github.com/deep-codes/birthday-wisher

birthday birthday-gift birthday-reminder birthday-wisher birthday-wishes countdown css hacktoberfest hacktoberfest2020 react react-project reactjs

Last synced: 7 days ago
JSON representation

For People who are bad at Wishing Birthdays - ReactJS

• Host: GitHub
• URL: https://github.com/deep-codes/birthday-wisher
• Owner: Deep-Codes
• License: mit
• Created: 2020-09-21T08:55:03.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-07-04T12:22:00.000Z (4 months ago)
• Last Synced: 2024-10-04T12:51:12.518Z (about 1 month ago)
• Topics: birthday, birthday-gift, birthday-reminder, birthday-wisher, birthday-wishes, countdown, css, hacktoberfest, hacktoberfest2020, react, react-project, reactjs
• Language: JavaScript
• Homepage: https://birthday-wisher.netlify.app/
• Size: 615 KB
• Stars: 80
• Watchers: 1
• Forks: 56
• Open Issues: 8
• 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://birthday-wisher.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://birthday-wisher.netlify.app/]()

Click on Generate Link

or Head to [https://birthday-wisher.netlify.app/generate]()

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`