https://github.com/rifatparadoxical/muuu
https://github.com/rifatparadoxical/muuu
gallery github homepage letter love2d loveletter loyalty pagespeed proposal propose tabs valentine
Last synced: 27 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/rifatparadoxical/muuu
- Owner: RifatParadoxical
- License: cc0-1.0
- Created: 2024-06-19T17:20:40.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-04-02T06:42:54.000Z (about 1 month ago)
- Last Synced: 2025-04-02T07:31:43.957Z (about 1 month ago)
- Topics: gallery, github, homepage, letter, love2d, loveletter, loyalty, pagespeed, proposal, propose, tabs, valentine
- Language: HTML
- Homepage: https://rifatparadoxical.github.io/Muuu/
- Size: 1.46 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# Love 4 You 🕊️
A beautiful, romantic-themed web application built with **React** and **Vite**. This project is a special dedication to love, featuring interactive pages, animations, and a heartwarming UI/UX design.
## 🌟 Features
- **Responsive Design** 📱💻
- **Romantic Theme** with soft gradients and cursive fonts ✨
- **Interactive Valentine Proposal** with playful "Yes" and "No" buttons ❤️
- **Beautiful Image Gallery** showcasing love memories 📸
- **Animated Hover Effects** on buttons and navigation 🎭
- **Smooth Navigation** with React Router 🚀
## 📂 Pages
- **Home** – A warm welcome to the project
- **Gallery** – A collection of memorable images
- **Happy** – A special reaction page when the proposal is accepted
- **Letter** – A heartfelt message page
- **Surprise** – The main Valentine proposal page
- **Default** – A fallback page with general info
## 🛠 Installation & Setup
### 1️⃣ Clone the Repository
```sh
git clone https://github.com/your-username/your-repo.git
cd your-repo
```
### 2️⃣ Install Dependencies
```sh
npm install
```
### 3️⃣ Run the Development Server
```sh
npm run dev
```
### 4️⃣ Build for Production
```sh
npm run build
```
## 🚀 Deployment
### GitHub Pages (For Static Deployment)
1. Install GitHub Pages package:
```sh
npm install gh-pages --save-dev
```
2. Update `vite.config.js` with:
```js
export default defineConfig({
base: "/your-repo-name/",
});
```
3. Add deployment scripts to `package.json`:
```json
"homepage": "https://yourusername.github.io/your-repo-name",
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d dist"
}
```
4. Deploy with:
```sh
npm run deploy
```
### Vercel (Easiest Method)
1. Install Vercel CLI:
```sh
npm install -g vercel
```
2. Run:
```sh
vercel
```
3. Follow the prompts & deploy!
## 🎨 Styling
- **Navbar & Buttons**: Soft colors, hover effects, and animations
- **Images**: Adjusted sizes for responsiveness
- **Typography**: Romantic font choices for a warm feel
- **Background**: Gradient shades of pink and red 💕
## ❤️ Credits
Created with love by Rifat 🕊️🩶 . Inspired by romance and technology! 😊