BdayWisher

Wish your friends in a unique style.

Create New Event | Try a demo {pin - 12345} |

Table of Contents 📕

• About
• Features
  • More Secured Events
  • Scheduling
  • Adding images
  • Adding Audio
  • Adding text
• Future Work
• Gallery
• Contributions

bdayWisher

Are you tired of the so-called oneliner- "Happy Birthday" or thinking to make it memorable but stuck with no ideas in mind?

Wait, Let me help you.

This portal provides you with the easiest way to create an incredible birthday surprise without putting in a lot of effort. Secured via pin, no one could ever know what the event was all about. The events' creation and destruction timing feature make this web app cooler than the other trivial methods.

So why wait? Upload your message, photos, and audios and get a secured surprise for your friends.

Features :

1) More Secured Events

• Pin authentication, which will be verified to access the event i.e no unauthorised person could ever gain access to even basic data such as schedule details.

2) Scheduling

• Set start date and time
  • Timers would be run until the event scheduled time.
  • When the timer stops, event will start automatically.
• Set end date and time
  • Once the event ended, it cannot be accessed.

3) Adding Images

• Image Caraousel feature, users can upload multiple photos.
  • Rendered on the birthday cards.

4) Adding Audio

• Users can add playback audios, which receivers could access when they are on the card section.
  • The audio file could be anything ranging from "Happy Birthday" song recorded in user's voice, letters or even any downloaded music.

5) Adding Text

• Users could also add texts, letters or anything which they want to be shown on the cards.

Future Work

• Improving frontend.
• Real time audio recording support.
• Add more cards, options for users to switch between them.
• Optimize for Mobile View.

Gallery

1) Receiver End

Pin Authorization	Wait Timer	Homepage
intro-1	intro-2	intro-3
intro-4	Card-Closed	Card
Card-Opened

2) Creator End

Homepage	Input Name	Set Pin
url-generation	upload-images	upload-audio
upload-text	date-time	Event Created

Contributions:

Contributions are welcome ❤️. For major changes, please open an issue first to discuss what you would like to change.

Note - Remember to create your own firebase project, and replace credentials present in app.js file.

To run main branch locally

$ npm install
$ npm start

To run creator / receiver branch

// first run the server on port 4000
$ git checkout server 
$ npm install
$ node app.js

// now
$ git checkout creator(or receiver)
$ npm install
$ npm start

// To build react code 
$ npm run build
// then rename the folders as build-receiver(or build-creator) 
and replace the ones present in "main" branch

Note -

• when running creator / receiver branch, proxy on port 4000, is being used.
• main branch - Backend + builds of creator and receiver branches.
• creator branch - react code for creator end.
• receiver branch - react code for receiver end.

Do Give a Star if you like it ❤️