This is a full-stack project based on React. Task - to create a website which would resemble "Netflix".
- Chi: creating Back-end server, Loading, Layout components
- Julia: Navbar, Footer, Search, Tvshow components, choosing font/colors/logo
- Nathaly: Banner component
- Magda: Row, Player components
We used GitHub Projects for organizing our tasks. All tasks were divided into "To do", "In progress" and "Done" sections
- axios for data fetching
- react-router-dom for routing
- react-player for playing a youtube video
- react-elastic-carousel for a carousel component
- sass for styling
- move all branches to master
- an issue to merge properly different branches. Solution: let one person do the merging.
- while using other libraries such as React Elastic Carousel for Carousel component it is important to understand that the library has its own CSS styling which can be overriden, when needed. Almost every element in react-elastic-carousel has a CSS class with the "rec-" prefix.
- to organize styling it is a good idea to import all partial Sass files into main.scss file which is just imported once (into the main App.js file)
- in order to fetch multiple data inside useEffect hook it is a better to fetch with async/await (otherwise the data might not be fetched properly).