About The Project • Project Structure • Getting Started • Usage • Contact
This special project is a heartfelt expression of love and creativity crafted for a cherished girlfriend. Developed using React, the project features a dynamic and personalized experience, asking a unique Valentine's Day question through a whimsical combination of gifs and messages. The website, adorned with a romantic Lobster font, invites the user to accept or reject the heartfelt proposal. Upon acceptance, a delightful message with a cute "I love you" bear gif and personalized love notes appears, creating a warm and memorable experience for the couple. The project is a digital celebration of love, showcasing the joy of shared movies, inside jokes, and the anticipation of spending Valentine's Day together.
The frontend of the application is hosted on Netlify. You can access the live website at this link: A Special Message
- React: A JavaScript library for creating user interfaces.
- HTML: HyperText Markup Language, the standard markup language for creating web pages.
- CSS: Cascading Style Sheets, used for styling and formatting web page content.
The front-end of the application is organized into the following directories:
src
Folder:components:
Contains React components for various UI elements.
File | Description |
---|---|
Asking.js: | The component responsible for proposing the Valentine's Day question. |
Success.js: | Displays a sweet message upon acceptance, celebrating the special moment. |
App.js: | Main application component orchestrating the proposal. |
App.css: | Stylesheet defining the visual presentation of the application. |
To set up a project locally, follow these simple steps.
Software used to run the program.
Here's how to install and set up the program.
From your command line:
# Clone this repository
$ git clone https://github.com/AlexisRodriguezCS/ValentineProposal.git
# Go into the repository
$ cd ValentineProposal
# Install the dependencies
$ npm install
# Start the app
$ npm start
Alexis Rodriguez - LinkedIn - alexisrodriguezdev@gmail.com
Project Link: https://github.com/AlexisRodriguezCS/ValentineProposal.git