Ask Her Out π°: A cool JavaScript project for the love of Developer's life π
Rohan Sharma
Posted on August 24, 2024
"Are you facing a relentless rejection from the one you adore?" π₯Ί
"Is your crush constantly denying your love?" π₯Ή
Don't worry, we all suffered from this (never mind, but don't count me in π).
You know, you know what's the worst part? You love someone but never had enough guts to say to them. Don't do this. Just ask them once. Just because I'm saying??? Aahh no man! Just because you don't regret about it in the future. And wait wait wait, if she says no! Respect her decision. β£οΈ
π«ΈStop! Where are you going??? This blog is not a motivational blog and I'm not a love guru! So, just enjoy this and see how developers propose their loved ones in their style! π§βπ»
Fasten your seat belts. Turn on your Developer Mode, and here we go!
3οΈβ£ Get... 2οΈβ£ Set... 1οΈβ£ Readyyyyy... π₯
Β
π¨ Hormones Alert! π
Starting with a short story. The idea behind making this project came when I loved someone and wouldn't be able to tell her. She's now with someone else. π
Thanks for your tears but it's a lie. I made this project because it was in trend and nothing else π
I started this project by making it as simple as it could be. See the below reference!
Β
But it was so so so... Common, I'm not going to say bad words to my project! But yeah, you can! π
After some realization, I realized that I must realize and take that realization to real so that the realized realize will become realizable!
Here's the realization effect!
- I made a total of 9 pages... Something like a story-line
- I used plain css, and vanilla javascript for animations.
- I made it as interesting as it could be!
Β
- Project Source Code: https://github.com/RS-labhub/ask-her-out
- The Website is live, check out here: https://rs-labhub.github.io/ask-her-out/
Β
But how I built it βοΈ
The oldest but finest web technologies, HTML5, CSS3, and JavaScript, are used in the construction of this Website. Using HTML5, I first constructed the basic framework of our website, specifying the design, text, and other components required for every page. Then designed the page using CSS3 and a powerful CSS framework "BOOTSTRAP v5". And then goes the animations, which are aided by just simple CSS and vanilla JavaScript. Therefore, by using them, I developed a visually appealing, engaging, and user-friendly proposal website that captivates and excites people from the time they enter by utilizing the powers of HTML5, CSS, and JavaScript.
Fun fact: The project is open-sourced! You can check out the files here: https://github.com/RS-labhub/ask-her-out. The files are organized about 90% and readability is about 70%+. This is a good project to enhance and boost your web dev journey!
Β
β οΈ Tips that should not be ignored
1οΈβ£ This project is not responsive yet! So please don't send it to any mobile viewers!
- If you want me to help in making it responsive, then must read the contribution guidelines. Find the link here: https://github.com/RS-labhub/ask-her-out?tab=readme-ov-file#outbox_tray-set-up
2οΈβ£ I put my name as a copyright signature on every page. So, before sending it to anyone, try to customize it according to you and make it all yours! π
3οΈβ£ Follow 1 and 2. π₯°
Β
Never mind but it's a real-world project! π
You don't believe me, right? Well, I don't say anything without proof! About 3-5 days back, I checked this project. Rn, it has 3 forks, and one is public, so I gone through that. And found something interesting.
I hope sharing it here won't be a crime as it's public! π Tbh I liked that and I felt hormones while I looked over it.
So, there's a guy named Farukh who used my project, Customized it, and proposed to someone!
Β
Here you can find Farukh's repo, forked by the original repo: https://github.com/farukh1991/I-Love-You
Β
Thanks for reading till here...
You are great! This shows how much you love me! In return, I just want to say you
Thanks for your time. As the project is OS, do customizations, add your version of "ask her out" website, and comment down the link. Never forget, that you're a developer. So show your love in developer mode itself! All the best!!!!!
Again, here's the live server link: https://rs-labhub.github.io/ask-her-out/ and the project source code link: https://github.com/RS-labhub/ask-her-out. Visit it once if still not visited! Take care, have a good and loving day all! π
Posted on August 24, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
August 24, 2024