React vite setup - v0 by Vercel

give me react+vite code for ui BooKs4All (Tech enabled platform for Book donations )
Many underprivileged schools in India lack access to quality books, while individuals, institutions, and bookstores have unused or excess books that could be donated. However, challenges such as logistical coordination, lack of visibility, and trust issues hinder book donations. A tech-enabled solution can streamline the process, ensuring books reach the right schools efficiently.
Solution Overview
A mobile or web-based platform that connects donors (individuals, companies, publishers) with schools in need. It facilitates:
• Listing & requesting books
• Matching donors with nearby schools
• Tracking book deliveries
• Ensuring transparency with proof of delivery
Features
1. Book Donation Listing - Donors can upload book details (title, condition, quantity, location, grade level, language etc). Photos of books can be uploaded for verification. Image recognition & OCR can be used to detect and auto categorize books when uploaded.
2. Schools can register and submit requests for specific books or categories. Requests are prioritized based on need and location.
3. Logistics & Delivery - NGOs and local volunteers can sign up to pick up books from donors and deliver them to schools. Can also be integrated with existing delivery platforms
4. Notifications and alerts can be sent for book donation requests, pickup/delivery requests via sms/email/app.
5. Delivery Confirmation - Each donation request has a unique tracking ID. Schools confirm receipt via OTP-based verification or photo proof of delivery. Donors can receive a certificate of appreciation with the number of books donated and school details

make sure next js is not used . use only REACT along with VITE using javascript and not typrescript

Show full message

BooKs4All - Book Donation Platform

I'll create a React + Vite application for your book donation platform. This will use JavaScript (not TypeScript) and won't use Next.js as requested.

Project Overview

I've created a complete React + Vite application for the BooKs4All platform as requested. This application connects book donors with schools in need, facilitating book donations across India.

Key Features Implemented:

User Authentication System
- Registration for donors, schools, and volunteers
- Login functionality with role-based access
Book Donation Management
- Form for donors to list books with details and photos
- Dashboard for donors to track their donations
School Request System
- Form for schools to request specific books
- Dashboard for schools to manage requests and received books
Volunteer Delivery Tracking
- Dashboard for volunteers to manage pickups and deliveries
- Status updates for deliveries (pending, in transit, delivered)
Donation Tracking
- Unique tracking IDs for each donation
- Visual timeline of donation status

Technical Details:

Built with React + Vite as requested (not Next.js)
Uses JavaScript (not TypeScript)
Responsive design with Tailwind CSS
React Router for navigation
Context API for state management

How to Run the Project:

Install dependencies:

npm install

Start the development server:

npm run dev

The application includes mock data for demonstration purposes. In a production environment, you would connect this to a backend API.

package.json