Tri-City Free Breakfast Program Website

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Install dependencies:

npm install

2. Start the development server:

npm run dev

3. Open your browser and navigate to the URL shown in the terminal (typically http://localhost:5173)

Build for Production

npm run build

The built files will be in the dist directory.

Preview Production Build

npm run preview

Project Structure

src/
├── components/
│   ├── Header.jsx          # Header with logo and navigation
│   ├── Welcome.jsx         # Main welcome content section
│   ├── Sidebar.jsx         # Sidebar container
│   │   └── sidebar/
│   │       ├── Mission.jsx
│   │       ├── Contact.jsx
│   │       ├── Donate.jsx
│   │       └── Wishlist.jsx
│   ├── BottomSections.jsx  # About and Volunteer sections
│   └── Footer.jsx          # Footer with contact info
├── App.jsx                 # Main app component
├── main.jsx               # Entry point
└── index.css              # Global styles

Technologies Used

• React 18
• Vite
• CSS3 with modern features (CSS Variables, Flexbox, Grid)
• Google Fonts (Playfair Display, Inter)