Skip to content

Chitra35006/A-11-whereIsIt-Client

Repository files navigation

Project Name: WhereIsIt (A Find and Lost items related website)

:::Description:::

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

:::Project Features:::

  1. Responsive Design
  2. Firebase Authentication
  3. Add Post For Lost & Found Item
  4. Post Details Page
  5. Manage Item Page
  6. All Recovered Item Page
  7. Update Item & Delete Item
  8. User Friendly Interactivity
  9. Search Item Based on title & Location

::: Technologies Used :::

Category Technologies
Frontend React.js, TailwindCSS, Daisy UI
Backend Node.js, Express.js
Database MongoDB
Authentication Firebase Authentication
Hosting Client (Firebase), Server (Vercel)

::: Dependencies :::

  • @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

::: Live Link :::

https://a-11-whereisit.web.app/

🛠 Setup Instructions

Follow these steps to clone the repository, install dependencies, and run the project on your local machine.

1. Clone the Repository

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

About

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,authentication

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors