Flixwave is a responsive React app that allows users to discover and explore details about their favorite movies. It uses the TMDb API to fetch and display movie information, offering an intuitive and visually appealing user interface.
- Search Functionality: Find movies by title quickly and easily.
- Movie Details: View detailed information such as ratings, overviews, genres, release dates, and more.
- Responsive Design: Fully optimized for devices of all sizes, including mobile, tablet, and desktop.
- Popular and Trending Movies: Stay updated with the latest trends and popular titles.
- Frontend: React, React Router, CSS (Tailwind CSS or Styled Components for styling)
- API: TMDb API
- Deployment: Vercel/Netlify (or your chosen platform)
- Clone the Repository
git clone https://github.com/yourusername/flixwave.git cd flixwave
- Install Dependencies
npm install
- Set Up API Key
- Sign up for a free account at TMDb and get an API key.
- Create a .env file in the root of the project and add:
REACT_APP_TMDB_API_KEY=your_api_key
- Run the Development Server
npm start
The app will be available at http://localhost:3000/.
- npm start: Runs the app in development mode.
- npm run build: Builds the app for production.
- npm test: Launches the test runner.
flixwave/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable components
│ ├── pages/ # Page components (e.g., Home, MovieDetails)
│ ├── services/ # API calls
│ ├── styles/ # CSS or styling utilities
│ ├── App.js # Main app component
│ └── index.js # Entry point
├── .env # API key configuration
├── package.json # Dependencies and scripts
└── README.md # Project documentation