https://github.com/alifa-as/b10a11-lost-found-client
📌 A Lost & Found Web Application built with React, Tailwind CSS, and Node.js. This platform allows users to report lost items, list found items, and reconnect owners with their belongings. 💡 Tech Stack: React.js | Tailwind CSS | Node.js | Express.js | MongoDB 🚀 Helping people find their lost items easily & securely!
https://github.com/alifa-as/b10a11-lost-found-client
api axios daisyui firebase-auth framework javascript jwt-authentication reactjs tailwindcss vite
Last synced: 6 months ago
JSON representation
📌 A Lost & Found Web Application built with React, Tailwind CSS, and Node.js. This platform allows users to report lost items, list found items, and reconnect owners with their belongings. 💡 Tech Stack: React.js | Tailwind CSS | Node.js | Express.js | MongoDB 🚀 Helping people find their lost items easily & securely!
- Host: GitHub
- URL: https://github.com/alifa-as/b10a11-lost-found-client
- Owner: Alifa-AS
- Created: 2024-12-30T13:00:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-16T02:10:59.000Z (about 1 year ago)
- Last Synced: 2025-08-11T00:45:57.035Z (8 months ago)
- Topics: api, axios, daisyui, firebase-auth, framework, javascript, jwt-authentication, reactjs, tailwindcss, vite
- Language: JavaScript
- Homepage: https://lost-found-client.web.app
- Size: 9.49 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WhereIsIt - A Lost and Found Website
## Project Overview
WhereIsIt is a full-stack Lost and Found website that connects 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. This project provides practical experience in building applications, user authentication, file uploads, database management, and API integration.
## Live URL
[Client side Live Link] - https://lost-found-client.web.app
[Client side Live Link-2] - https://lost-found-client.firebaseapp.com
[Server side live link] - https://lost-and-found-server-swart.vercel.app
## Key Features
- User Authentication: Register and login using email/password or social media accounts (Google/GitHub).
- Responsive Design: Fully responsive on mobile, tablet, and desktop devices.
- Item Management: Users can add, update, delete, and view lost and found items.
- Dynamic Search: Search functionality to filter items by title or location.
- JWT Authentication: Secure routes using JWT tokens for user verification.
- User Profile: Displays user information and allows access to personal item management.
- Toast Notifications: Provides feedback for all CRUD operations.
## Technologies Used
- **Frontend:** React, Tailwind CSS, Framer Motion
- **Backend:** Node.js, Express, MongoDB, Firebase Authentication
- **Deployment:** Netlify/Surge for frontend, Heroku/Render for backend
## NPM Packages Used
- `react`
- `react-router-dom`
- `firebase`
- `axios`
- `react-toastify`
- `framer-motion`
- `dotenv`
- `mongodb`
- `express`
- `cors`
## Installation
1. Clone the repository:
```bash
git clone in client side - https://github.com/Alifa-AS/B10A11-lost-found-client.git
git clone in server side - https://github.com/Alifa-AS/B10A11-lost-found-server.git
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh