The frontend application for HoodHappiness - an event booking platform for weddings, corporate events, and tech conferences. (Backend integration will be added in future development phases)
- 🎨 Modern UI with TailwindCSS
- 📱 Fully Responsive design
- 🖼️ Interactive Event Galleries
- 🎟️ Event Card Components
- 🔍 Event Search & Filtering
- By category (Wedding/Corporate/Tech)
- By location
- 📅 Booking Simulation
- 👤 User Authentication UI
- Login/Registration forms
- Password recovery flow
- 📦 Mock Data Integration
- 🛠️ API Simulation
- Axios mock adapters
- Loading states
- Framework: React.js
- Build Tool: Vite
- Styling: TailwindCSS + DaisyUI
- State Management: React Context API
- Routing: React Router DOM
- Icons: React Icons
- Node.js (v18 or higher)
- npm (v9 or higher)
# Clone the repository
git clone https://github.com/yourrepo/hoodhappiness-frontend.git
cd hoodhappiness-frontend
# Install dependencies
npm install
# Start development server
npm run devThe app will run on http://localhost:5173
- Category tabs
- Image carousel
- Date/venue information
- Capacity indicator
- "Book Now" CTA
- Date selection calendar
- Attendee count selector
- Contact form
- Confirmation modal
These endpoints will be implemented when backend is developed:
// Authentication
POST /api/auth/login
POST /api/auth/register
// Events
GET /api/events
GET /api/events/:id
// Bookings
POST /api/bookings
GET /api/bookings/:userIdAll current functionality uses mock data in src/data/:
events.js- Sample event datausers.js- Mock user profilesbookings.js- Sample booking records
- Use Tailwind utility classes primarily
- For complex styles, add to
src/styles/ - Follow BEM-like naming for custom classes
MIT License © 2023 HoodHappiness
Next Phase Development
- Integrate with Node.js backend
- Implement real authentication
- Add payment processing
- Develop admin dashboard