🖼️ EasyHomes – Frontend Client 🌐🏘️

This is the frontend client for EasyHomes, a smart rental platform that makes house renting seamless for both tenants and property owners. Built using React.js and Tailwind CSS, it connects to a secure Node.js backend and offers an intuitive UI for exploring and managing rental listings.

---

🔗 Live Links

• 🧪 Live Site: https://easyhomes.vercel.app
• ⚙️ Backend API: https://easyhomes-2ibc.onrender.com
• 📁 Frontend Repo: https://github.com/subramanyamchoda/easyhomes_client
• 📁 Backend Repo: https://github.com/subramanyamchoda/easyhomesserver
• 👨‍💻 Developer Profile: LinkedIn – Subramanyam Choda

---

✨ Features

• 🧑‍💼 Dual Roles: Renters can manage listings, users can browse/search homes
• 🏡 Property Listings: With location, pricing, and images
• 🔍 Smart Search: Filter by city, location, or price
• 💳 Contact Access: Upload ₹50 proof to unlock renter contact info
• 🔐 Secure Auth: Login & role-based routing with JWT
• 📱 Responsive UI: Mobile-first design with clean UX
• 🎞️ Framer Motion: Smooth, modern animations

---

🧰 Tech Stack

Layer	Tech
Frontend	React.js
Styling	Tailwind CSS
Animations	Framer Motion
Routing	React Router DOM
HTTP Client	Axios
Auth	JWT (integrated via API)
Deployment	Vercel

---

🚀 Project Images

---

📁 Folder Structure

├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── context/
│   ├── pages/
│   ├── App.jsx
│   └── main.jsx
├── .env
├── tailwind.config.js
├── vite.config.js
└── package.json

---

⚙️ Environment Setup

Create a .env file in the root:

VITE_API_URL=https://easyhomes-2ibc.onrender.com

---

▶️ Getting Started

1. Clone the Repository

git clone https://github.com/subramanyamchoda/easyhomes_client.git
cd easyhomes_client

2. Install Dependencies

npm install

3. Start the Development Server

npm run dev

Go to: http://localhost:5173

---

🧪 Pages & Screens

• 🔑 Login / Register (User & Renter roles)
• 🏠 Homepage with all listings
• 🔍 Filter homes by price, location
• 🧾 Payment upload for contact access
• 🧑‍💼 Renter Dashboard: Add/Delete homes

---

🤝 Contributing

# Fork the repo

# Create a feature branch
git checkout -b feature/my-feature

# Commit and push
git commit -m "Add my feature"
git push origin feature/my-feature

# Submit a Pull Request

---

🙌 Acknowledgments

This project helped build practical skills in:

• 🌍 Frontend architecture for real-world use
• 🔐 Role-based access and secure API integration
• 🧠 React Context + Routing
• ⚡ Smooth UI/UX animations & responsive design
• ☁️ Full-stack deployment via Vercel + Render

---

📞 Contact

📬 Connect on LinkedIn ⭐ Star the repo if you found it useful — your support helps!