This project is a Lost and Found Website, a platform designed to connect individuals who have lost personal belongings with those who may have found them. Users can report lost items, browse found items, and interact to recover their belongings. Developing this website provides practical experience in building full-stack applications, user authentication, file uploads, database management, and API integration
- Responsive Design
- Firebase Authentication
- Add Post For Lost & Found Item
- Post Details Page
- Manage Item Page
- All Recovered Item Page
- Update Item & Delete Item
- User Friendly Interactivity
- Search Item Based on title & Location
| Category | Technologies |
|---|---|
| Frontend | React.js, TailwindCSS, Daisy UI |
| Backend | Node.js, Express.js |
| Database | MongoDB |
| Authentication | Firebase Authentication |
| Hosting | Client (Firebase), Server (Vercel) |
- @fortawesome/free-solid-svg-icons: ^6.7.1
- @fortawesome/react-fontawesome: ^0.2.2
- @tippyjs/react: ^4.2.6
- date-fns: ^4.1.0
- firebase: ^11.0.2
- localforage: ^1.10.0
- match-sorter: ^8.0.0
- react: ^18.3.1
- react-awesome-reveal: ^4.2.14
- react-axios: ^2.0.6
https://a-11-whereisit.web.app/
Follow these steps to clone the repository, install dependencies, and run the project on your local machine.
Start by cloning the repository to your local machine and navigating into the project directory:
git clone https://github.com/Chitra35006/A-11-whereIsIt-Client.git
cd A-11-whereIsIt-Client
Install the necessary dependencies using your preferred package manager (npm or yarn):
# Using npm
```bash
npm install
# Or using yarn
```bash
yarn install
Create a .env file in the root directory of the project:
```bash
touch .env
Add the following variables to your .env file:
env
VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_messaging_sender_id
VITE_appId=your_app_id
4. Run the Application
You're all set to run the application locally.
bash
# Using npm
npm run dev
# Or using yarn
yarn
5. Access the Application
Open your web browser and navigate to:
http://localhost:5173