🎬 Movinest

A React-based movie website built to practice real-world frontend development — from designing the UI to deploying a live project online.

🔗 Live Site: movienest.vercel.app  |  💻 Source Code: github.com/anoopcodehack/movienest

---

🙋 About the Project

I built Movinest to understand how a real React project comes together — from structuring components to shipping a live, usable website.

The focus wasn't just aesthetics. I wanted to get hands-on with:

• How a React project is structured and organized
• Building reusable, clean components
• Making layouts responsive across screen sizes
• Deploying a React app to production

This project also set the foundation for future improvements like API integration and performance optimization.

---

🛠️ Tech Stack

Technology	Usage
React (CRA)	UI framework
JavaScript ES6+	App logic
HTML & CSS	Markup & styling
Vercel	Deployment

---

📂 Project Structure

src/ ├── components/ # Reusable UI components ├── pages/ # Page-level views ├── assets/ # Images and static files ├── App.js # Root component └── index.js # Entry point

🚀 Run Locally

# 1. Clone the repository
git clone https://github.com/anoopcodehack/movienest.git

# 2. Install dependencies
npm install

# 3. Start the app
npm start

App runs at http://localhost:3000

---

🔮 What's Next

• Fetch real movie data via a public API (TMDB)
• Improve UI with smoother animations
• Optimize performance and clean up code
• Add search and filter functionality

---

👤 Author

Anoop A GitHub