The Lost & Found website is a community-driven platform designed to help individuals report and reclaim lost items. This repository contains the frontend code for the Lost & Found website.
- Next.js
- TypeScript
- Tailwind CSS
- React
- Redux Toolkit
- API Integration with Backend
- Node.js (v14 or higher)
- npm (v6 or higher) or yarn (v1.22 or higher)
-
Clone the repository:
Navigate to the project directory:
sh
cd lost-and-found-frontend
Install dependencies:
sh
npm install
# or
yarn install
Running the Development Server
sh
npm run dev
# or
yarn dev
# Open http://localhost:3000 with your browser to see the result.
Building for Production
sh
npm run build
# or
yarn build
Running the Production Server
After building the project, you can start the production server with:
sh
npm start
# or
yarn start
# Project Structure
pages/ - Contains all the Next.js pages.
components/ - Contains reusable React components.
styles/ - Contains global and component-specific styles.
redux/ - Contains Redux slices and store configuration.
public/ - Contains static assets.
# Features
Home Page/Landing Page:
Header with navigation links.
Hero section with headline and buttons to report lost or found items.
About section with purpose and mission of the website.
Display of recent lost item reports.
# Login & Registration:
Login and registration forms with validation.
#Submit Lost Items:
Form to submit lost items with details like category, description, date, and location.
# Submit Found Items:
Form to submit found items with details like category, description, date, and location.
# My Profile:
User account information with options to edit profile and change password.
Sections for claim requests, lost items, and found items reported by the user.
# Admin Dashboard:
User management and website activity monitoring features for administrators.
# View Recent Posts:
List of recently reported lost and found items with filters and search functionality.
# Change Password Page:
Form to change the user's password.
# Contribution
Feel free to contribute to this project by opening issues and submitting pull requests.
License
# Contact
For any inquiries, please contact us at rianislamrian@gmail.com.