https://github.com/wahedpro/whereisit
The Lost and Found Platform is a web application designed to help individuals connect with others to locate lost personal belongings or report found items. Our mission is to provide a reliable and efficient way to reunite owners with their possessions.
https://github.com/wahedpro/whereisit
css firebase framer-motion mongodb nodejs react tailwindcss
Last synced: 3 months ago
JSON representation
The Lost and Found Platform is a web application designed to help individuals connect with others to locate lost personal belongings or report found items. Our mission is to provide a reliable and efficient way to reunite owners with their possessions.
- Host: GitHub
- URL: https://github.com/wahedpro/whereisit
- Owner: wahedpro
- Created: 2025-01-04T16:56:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-11T03:43:53.000Z (over 1 year ago)
- Last Synced: 2025-05-20T07:32:43.638Z (about 1 year ago)
- Topics: css, firebase, framer-motion, mongodb, nodejs, react, tailwindcss
- Language: JavaScript
- Homepage: https://whereisit-a11.netlify.app
- Size: 125 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Lost and Found Platform
## Purpose
The Lost and Found Platform is a web application designed to help individuals connect with others to locate lost personal belongings or report found items. Our mission is to provide a reliable and efficient way to reunite owners with their possessions.
## Live URL
[Visit the Live Website](https://whereisit-a11.netlify.app)
## Key Features
- **User Authentication**: Secure login and registration system for users.
- **Report Lost Items**: Easily report items you have lost, including descriptions and photos.
- **Browse Found Items**: Search and browse through items that have been found by others.
- **Interactive Location Input**: Mark where the item was lost or found using an interactive map.
- **Responsive Design**: Fully optimized for mobile, tablet, and desktop devices.
- **Engaging Animations**: Smooth and immersive animations using Framer Motion.
- **Item Display Carousel**: Showcase featured items or newly added posts with a responsive slider using Swiper.
## NPM Packages Used
- **react**: Core library for building the user interface.
- **framer-motion**: For implementing smooth animations.
- **axios**: For handling HTTP requests to the server.
- **react-icons**: For including scalable vector icons.
- **react-datepicker**: For seamless date selection.
- **tailwindcss**: For responsive and modern styling.
- **swiper**: For creating interactive and responsive sliders and carousels.