A React Movies application using The Movie Database (TMDb) API.
-
Clone the repository:
git clone https://github.com/pirateIV/movies.git cd movies or cd custom-path
-
Create and configure the environment file:
- Rename your
.env.sample
file to.env
.
- Rename your
-
Obtain API keys:
- Get your TMDb API key.
- (Optional) Get your YouTube API key for video data.
-
Enter the API keys into the
.env
file:VITE_TMDB_API_KEY=your_tmdb_api_key VITE_YOUTUBE_API_KEY=your_youtube_api_key
-
Install dependencies:
npm install
-
Start the development server at
localhost:5173
:npm run dev
react-movies/
βββ .husky/ # Husky config. for Git hooks.
βββ public/ # Static files.
βββ src/ # Source files.
β βββ assets/ # Assets like images, icons, etc.
β βββ components/ # React components.
β βββ config/ # Configuration files.
β βββ constants/ # Constants and enums.
β βββ pages/ # Application pages.
β βββ locales/ # Translations.
β βββ routes/ # Routes configuration.
β βββ services/ # Service utilities and API calls.
βββ .env.sample # Sample environment variables.
βββ .gitignore # Git ignore file.
βββ package.json # NPM package configuration.
βββ README.md # Project documentation.
npm run dev
: Starts the development server.
- Base URL:
https://api.themoviedb.org/3
- Authentication: API Key (stored in
.env
file)
- Base URL:
https://www.googleapis.com/youtube/v3
- Authentication: API Key (stored in
.env
file)
- Fork the repository.
- Create your feature branch (
git checkout -b feature/YourFeature
). - Commit your changes (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature/YourFeature
). - Open a pull request.
This project idea is gotten from the foundational work by jason.codes
This project is licensed under the MIT License - see the LICENSE file for details.