A Special Message

About The Project • Project Structure • Getting Started • Usage • Contact

About The Project

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.

Hosting

The frontend of the application is hosted on Netlify. You can access the live website at this link: A Special Message

Key Technologies Used

• 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.

(back to top)

Project Structure

Front-End

The front-end of the application is organized into the following directories:

• src Folder:
  • components: Contains React components for various UI elements.

Files

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.

(back to top)

Getting Started

To set up a project locally, follow these simple steps.

Prerequisites

Software used to run the program.

• Visusal Studio Code

• Node/Npm

• Git

Installation

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

(back to top)

Contact

Alexis Rodriguez - LinkedIn - [email protected]

Project Link: https://github.com/AlexisRodriguezCS/ValentineProposal.git

(back to top)