Be My Valentine 🌹

Intro 🎤

A simple web project with a clean UI… For that special someone on valentine’s day 😉.

Happy Valentine’s Day 2021 💘.

Project 👨🏿‍💻

Using Firebase and Cloud Firestore database, this project allows you to interactively ask the user to be your Valentine.
I’ve left some console logs in my code, to show all data being retrieved from (and sent to) Cloud Firestore and any errors.
Note: as this is just a basic project, I didn’t implement any authentication / security logic.

Data stored in Cloud Firestore database:

• User’s answer from a button click (yes/no)
• User’s timestamp at the time of answer
• User’s public IP

Demo

Made with ❤ using:

• JavaScript (ES6+)
• HTML
• CSS
• SCSS
• Bootstrap 4
• Animate.css
• w3.css
• Firebase
• Cloud Firestore
• ipify API

Prerequisites ✅

1. You’ll need a Firebase account
   • Create or use existing project
   • Make sure Cloud Firestore database is enabled

Guide 📃

1. Complete the Prerequisites
2. In settings.js:
   • Add your Firebase config, make sure the object name is firebaseConfig. Here’s an example:

       const firebaseConfig = {
           apiKey: "AIzaSyDOCAbC123dEf456GhI789jKl01-MnO",
           authDomain: "myapp-project-123.firebaseapp.com",
           databaseURL: "https://myapp-project-123.firebaseio.com",
           projectId: "myapp-project-123",
           storageBucket: "myapp-project-123.appspot.com",
           messagingSenderId: "65211879809",
           appId: "1web:3ae38ef1cdcb2e01fe5f0c",
           measurementId: "G-8GSGZQ44ST"
       };

   • Fill in your values for firestore and uiData objects

License 📜

• MIT

See LICENSE.md

Versions 🔢

• Bitbucket Repository
• GitHub Repository

Acknowledgments 👏

• Caitlin Haaf - Original SVG and animation for the bee

People 👥

Title and authority level definitions.

© Kingsley Chimezie | Kingsley Chimezie Creations