Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fadhildwia/movie-apps
This project is an application that displays movie list, search, movie detail, cart & checkout
https://github.com/fadhildwia/movie-apps
axios movie-apps omdb-api react react-router-dom redux tailwindcss typescript vite
Last synced: 1 day ago
JSON representation
This project is an application that displays movie list, search, movie detail, cart & checkout
- Host: GitHub
- URL: https://github.com/fadhildwia/movie-apps
- Owner: fadhildwia
- Created: 2024-07-13T03:54:04.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-19T08:00:46.000Z (4 months ago)
- Last Synced: 2024-07-19T16:12:22.742Z (4 months ago)
- Topics: axios, movie-apps, omdb-api, react, react-router-dom, redux, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://movie-apps-sooty.vercel.app
- Size: 5.18 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Movie Apps
This project is an application that displays movie list, search, movie detail, cart & checkout
---
### Home, Detail, Detail, Cart, and Checkout Page
## 📱 Features
- Create layout using Tailwindcss
- Integrate Movie API from OMDB API
- Create hook to fetch data using React Query
## 🚀 Technologies & Resources
- [x] [React + Vite + TypeScript](https://vitejs.dev/)
- [x] [Redux](https://redux.js.org/introduction/getting-started)
- [x] [Tailwindcss](https://tailwindcss.com/docs/installation)
- [x] [React Query](https://tanstack.com/query/v3)
- [x] [React Router Dom](https://reactrouter.com/en/main/start/overview)
- [x] [OMDB API](https://www.omdbapi.com/)
## 💻 Installation
1. #### Clone the repository:
```bash
git clone https://github.com/fadhildwia/movie-apps.git
```
2. #### Navigate to the project directory:
```bash
cd movie-apps
```
3. #### Install the dependencies:
```bash
yarn
#or
npm install
```
4. #### Make a copy of `.env.example` to `.env`:
```bash
# Put your OMDB API credential in .env file
cp .env.example .env
```
5. #### Run the project:
```bash
yarn dev
#or
npm run dev
```
---
Feel free to explore the code and adapt it to suit your needs! If you encounter any issues or have suggestions for improvements, please don't hesitate to open an issue or submit a pull request.