Item Tracker

Item Tracker is a web application designed to facilitate users in reporting lost items, finding discovered items, and communicating with relevant parties. This project is part of the Final Project MSIB Batch 7 Vocasia Full Stack Web Development.

Star ⭐ this repository if you like what you see 😉.

✨ About Item Tracker

Item Tracker provides a smart solution to find and track your belongings. With innovative features, this app helps users report lost items, search for found items, and communicate seamlessly.

🏦 Main Features

1. 🔐 Authentication Feature

   Ensure your account security with a strong authentication system.

2. 📃 Item Report Feature

   Easily report your lost items.

3. 🔍 Search Feature

   Search for lost items using an efficient search system.

4. 💬 Communication Feature

   Contact item finders through the built-in comment feature.

5. 🔧 Account Management Feature

   Manage your profile and account information effortlessly.

6. 🙌 Donation Feature

   Help others with a trusted donation feature.

7. 🌐 Ownership Claim Feature

   Submit ownership claims for found items with a verification system.

8. 📊 Report Management Feature

   Monitor your lost item reports through a dedicated dashboard.

9. 🔟 Category Management Feature

   Manage item categories for more targeted searches.

10. 🔔 Notification Feature

    Receive real-time notifications about your reports.

Screenshots

1. User Interface

Login Page	Register Page	OTP Delivery Page
Send Verification Code Page	Home Page	Lost Page
Found Page	Notification Page	Item Display Page
Comment Section	Profile Menu	Request Management Menu
Report Management Menu	Donation Page	List Donator Page
Contact Us Page	About Us Page	Terms & Condition Page
Privacy Policy Page

2. Administrator Interface

Login Page	Dashboard Page	Notification Page
Category Management Page	Account Management Page	Report Management Page
Report Verification Page	Profile Page

🛠️ Tech Stack

Feature	Package
Icons	@fortawesome/fontawesome-svg-core, @lucide-react, react-icons
Hero Icons	@heroicons/react
Form Validation	@hookform/resolvers
UI Components	@shadcn-ui, @nextui-org/react , @flowbite
HTTP Requests	axios
Image Compression	browser-image-compression
Class Management	clsx
Date Utilities	date-fns
Email Integration	emailjs-com
Carousel	embla-carousel-react
Animations	framer-motion, tailwindcss-animate
OTP Input	input-otp
Cookies Management	js-cookie
Theme Management	next-themes
Day Picker	react-day-picker
Panels	react-resizable-panels
Spinners	react-spinners
Notifications	react-toastify
Styled Components	styled-components
Sliders	swiper
CSS Utilities	tailwind-merge
Schema Validation	zod

🚀 How to Run

1. Clone the repository

   git clone https://github.com/capstone-project-vocasia-group-5/frontend-item-tracker.git

2. Navigate to the project directory

   cd frontend-item-tracker

3. Copy the .env.example file to .env and update the necessary environment variables.

   cp .env.example .env

4. Setting environment variable on .env

   VITE_API_BASE_URL=your-url/api/v1

5. Install dependencies:

   npm install

6. Start the application development: .

   npm run dev

Contributor

Agus Heryanto

Aisyah Lailia Sari

Anisa Ayu Yandani

M Ade Irawan

📚 License

This project is licensed under the MIT License. See the LICENSE file for more details.

---

Thank you for using Item Tracker! If you have any questions, please create an issue in this repository or contact us via email.