PicnicHood

A React-based Progressive Web App (PWA) that clones the Picnic app interface.

Features

• Mobile-first responsive design
• Bottom navigation with 5 main sections:
  • Home
  • Community
  • Cook
  • Search
  • Cart
• Material-UI components for consistent design
• PWA support for offline functionality

Tech Stack

• React 18
• TypeScript
• Vite
• Material-UI (MUI)
• React Router
• PWA (vite-plugin-pwa)

Getting Started

Prerequisites

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

Installation

1. Clone the repository:

git clone <repository-url>
cd picnic-clone

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Build for production:

npm run build

5. Preview production build:

npm run preview

Development

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

License

MIT