Repository to create a "Trending Movie" website based on the lecture from NomadCoder
Lecture Link: https://nomadcoders.co/react-for-beginners
- Lecture Language: English (Administrated in Korean)
I took the course to recap React basics that I learned while creating some web games. I expect to experience how to make a React website which fetch data from the separated APIs and have multiple pages (screens).
Create a trending movie website with React JS.
Feature List (From Lecture)
Used Create-React-App to generate React development environment.- Fetch data from yts.mx API.
- Used React Router (v5) to navigate from home to movie detail.
- Components for Home page
Used PropTypes to enforce props type.
What I added/modified
- Manually setup React development environment using Babel, Webpack, ESLint and Prettier.
- Fetch data from The Movie DB API.
- Used the newest version (as of now, v6) of React Router.
- Components for Movie Detail
- Desktop and Mobile design
- Check web browser functionality and notice user with unsupported browser to update/download newer web browser.
- Performance Optimization
 |
|---|
| Demo Image for the main page of Daily Trending Movie |
 |
|---|
| Demo Image for the movie detail page of Daily Trending Movie |
Code Link: https://github.com/hyecheol123/NomadCoder-TrendingMovie
Demo Link: https://demo1.hcjang.com/trending-movie/