Skip to content

Deep-Codes/Birthday-Wisher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎉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

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

ScreenShot of Coutdown Timer⏲️

ScreenShot of Countdown

Birthday Wisher🎂

Loads this Page Instead of Coutdown on the Birthday ScreenShot of Countdown

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

Wishing Component Page : Wish.jsx Countdown Compenent Page : Countdown.jsx