Welcome to The World of Movies, a sleek and responsive React app where you can search for films, view details, favorite your picks, and keep track of what you love—all backed by the power of localStorage. Whether you're a casual viewer or a die-hard cinephile, this app is built to explore, discover, and celebrate cinema.
- 🔍 Search Movies: Find your favorite films using keyword-based search.
- ❤️ Favorite Movies: Add or remove movies from your personal favorites.
- 🧠 Persistent Storage: Favorites are saved in localStorage so your collection stays with you.
- 🎭 Detailed View: View movie posters, ratings, genres, release dates, and overviews.
- 🌙 Responsive Design: Fully responsive interface built with Tailwind CSS.
- ⚛️ Modern Tech Stack: Built with React, clean architecture, and ES6+ features.
- React – Frontend UI
- Tailwind CSS – For rapid, responsive, utility-first styling
- LocalStorage – For persisting favorites
This project is a modern web application for movie lovers, learners, and tinkerers.
Whether you want to showcase your React skills or just keep a log of your favorite films — this is your playground.
- Renders a movie list based on user search queries
- Lets users save, remove, and persist favorite movies via LocalStorage
- Displays individual movie info with engaging visuals
- Works beautifully on all screen sizes
- Clone the repository
git clone https://github.com/masterjaneza/the-world-of-movies.git cd the-world-of-movies npm install npm run dev
Fully compatible with modern browsers:
- ✅ Chrome
- ✅ Firefox
- ✅ Safari
- ✅ Edge
- ✅ Arc
- ✅ Brave
This project is open source — use it, fork it, tweak it, remix it.
Just give credit where it’s due. ✌️
If you like this or find it useful, give it a ⭐ star on GitHub.
Fork it, extend it, tag me — let’s inspire each other to scroll sideways in style.
Designed & developed by
Davit Janezashvili
aka MasterJaneza – Creative Developer & Designer
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.