Valentines-proposal Tailwind Templates

Valentines Proposal

A romantic Valentine's Day proposal web app ā¤ļø! Features a playful "Yes" and "No" button, where clicking "Yes" makes the button grow bigger šŸ’–, leading to a beautiful stack of love notes with interactive animations. Built with React & Tailwind CSS, featuring smooth transitions and a delightful user experience. šŸŒ¹šŸ’ŒāœØ

Valentine's Day Special šŸ’

A special Valentine's Day project built with React + Vite.

Prerequisites

Before you begin, ensure you have the following installed on your computer:

  • Node.js (version 14.0 or higher)
  • npm (comes with Node.js) or yarn

Installation

  1. Clone the repository to your local machine:
git clone <repository-url>
  1. Navigate to the project directory:
cd valentines-day-special
  1. Install the dependencies:
npm install
# or if you use yarn
yarn

Running the Project

To start the development server:

npm run dev
# or if you use yarn
yarn dev

This will start the development server at http://localhost:5173. Open this URL in your browser to view the project.

Building for Production

To create a production build:

npm run build
# or if you use yarn
yarn build

The built files will be in the dist directory.

Project Structure

valentines-day-special/
ā”œā”€ā”€ public/
│   └── heart.svg
ā”œā”€ā”€ src/
│   ā”œā”€ā”€ main.jsx
│   └── ...
ā”œā”€ā”€ index.html
ā”œā”€ā”€ package.json
└── README.md

Technologies Used

  • React
  • Vite
  • HTML/CSS
  • JavaScript

License

This project is open source and available under the MIT License.

Top categories

Loading Svelte Themes