Skip to content

README.md

Latest commit

 

History

History
92 lines (66 loc) · 1.88 KB

README.md

File metadata and controls

92 lines (66 loc) · 1.88 KB
Raw

Subscribe Flowers - Modern React App

A modern flower subscription service web application built with React, TypeScript, and Vite.

🚀 Technologies Used

  • React 18 - Modern React with hooks
  • TypeScript - Type-safe code
  • Vite - Lightning-fast build tool
  • React Router - Client-side routing
  • CSS3 - Modern styling with animations

📦 Installation

Install dependencies:

npm install

🏃 Running the Application

Start the development server:

npm run dev

The app will be available at http://localhost:3000

🏗️ Building for Production

Build the application:

npm run build

Preview the production build:

npm run preview

📁 Project Structure

src/
├── components/          # Reusable components
│   ├── Header.tsx
│   ├── Footer.tsx
│   └── *.css
├── pages/              # Page components
│   ├── Home.tsx
│   ├── Shop.tsx
│   ├── About.tsx
│   ├── Contact.tsx
│   └── *.css
├── App.tsx             # Main app component
├── main.tsx            # App entry point
└── index.css           # Global styles

✨ Features

  • 🌸 Beautiful, modern UI with gradient backgrounds
  • 📱 Fully responsive design
  • 🎨 Smooth animations and transitions
  • 🛒 Shopping cart functionality
  • 📝 Contact form with validation
  • 🔄 Client-side routing with React Router
  • 💪 Type-safe with TypeScript
  • ⚡ Fast development with Vite

🎯 Pages

  • Home - Hero section, about info, subscription plans, and testimonials
  • Shop - Product catalog with buy functionality
  • About - Company information and mission
  • Contact - Contact form and business information

🛠️ Development

Lint the code:

npm run lint

📝 License

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