A modern React application for browsing movies using the TMDB API.
- Browse popular movies
- Search for movies
- View movie details
- Responsive design
- Modern UI with Material-UI
- React 18
- TypeScript
- Vite
- React Query
- Material-UI
- React Router
- Axios
-
Clone the repository
-
Install dependencies:
npm install
-
Copy the environment file and add your TMDB API key:
cp .env.example .env
Get your API key from TMDB
-
Start the development server:
npm run dev
src/
βββ components/ # Reusable components
βββ pages/ # Page components
βββ services/ # API services
βββ styles/ # Theme and global styles
βββ types/ # TypeScript types
βββ hooks/ # Custom React hooks
βββ utils/ # Utility functions
βββ assets/ # Static assets
npm run dev
- Start development servernpm run build
- Build for productionnpm run preview
- Preview production buildnpm run lint
- Run ESLintnpm run type-check
- Run TypeScript type checking