✨ Key Features

1. Responsive Design
2. Infinity Scroll
3. Image Upload Via Cloudinary
4. Data Loading With Skeletion Effect
5. Posts Layout Change
6. Powerfull Search Functionality
7. Awesome Toast Message
8. Animated Cards Buttons Using Frammer
9. Text Editor For Document Styling

📦 Main Dependencies

1. React (^18.3.1)
2. Firebase (^11.1.0)
3. Tailwind CSS (^3.3.0)
4. Framer Motion (^11.15.0)
5. Shadcn (Latest)
6. Tanstack Query (^5.62.8)
7. Swiper JS (^11.1.15)
8. Moment (^2.30.1)
9. Axios (^1.7.9)
10. Tiptap (^2.10.4)
11. Browser Image Compression (^2.0.2)

🚨 Introduction

To Found is a platform where people can post found and lost items. Anyone can search for an item that has been posted, and if someone finds a posted item, they can contact the original poster. While developing this project, I encountered many challenges. I started this project on December 21, 2024, at 9:49 PM, and completed it on December 25, 2024, at 11:23 AM. I'm confident in its potential success.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/programming-hero-web-course2/b10a11-client-side-StackMastery.git
cd b10a11-client-side-StackMastery

Installation

Install the project dependencies using npm:

npm install

Configure

Rename the .env.example file to .env.local and fill all env

VITE_API_KEY=your-api-key-here
VITE_AUTH_DOMAIN=your-auth-domain-here
VITE_PROJECT_ID=your-project-id-here
VITE_STORAGE_BUCKET=your-storage-bucket-here
VITE_MESSAGING_SENDER_ID=your-messaging-sender-id-here
VITE_APP_ID=your-app-id-here
VITE_MEASUREMENT_ID=your-measurement-id-here

# Base Url / Backend Url
VITE_BASE_URL=http://localhost:5000

# Cloudinary
VITE_CLOUDINARY_PRESET=your-preset
VITE_CLOUDINARY_CLOUD_NAME=your-cloud-name

Running the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.

Full project deployed in Netlify

---