This web app is developed using ReactJS (Vite), Redux, and Tailwind CSS. It is a simple web app which shows the list of movies and TV shows with option of adding them to favourites. It also shows the details of the selected movie or TV show. There is scope for more features to be added and incrementally adopted improve the app.
- OMDB API - http://www.omdbapi.com/
- NOTE: Only
/search
endpoint uses OMDB API
- MovieDB API - https://www.themoviedb.org/documentation/api
src
- Contains all the source codesrc/components
- Contains all the components exported to other folders viaindex.js
src/pages
- Contains will contain all the page components when app growssrc/context
- Contains all the redux related codesrc/utils
- Contains all the utility functionssrc/index.css
- Contains all the CSS utitlity classessrc/api/index.js
- Contains API urls for various reqests with comments
- Clone the repo
- Run
npm install
- Add environment variables in
.env
file:
VITE_OMDB_API_KEY
VITE_MOVIEDB_API_KEY
- Run
npm run dev
- Open
http://localhost:3000/
in the browser - Install Better Comments extension in VS Code to better visualize comments in the code