This project emulates the detailed display page of an audiovisual product within a streaming platform using modern web technologies to build an interactive and dynamic interface that is able to compete with the quality of the streaming platform market.
Technologies | Project | Layout | License
This project was developed with the following technologies:
- HTML5, CSS3, JS ES6+
- Node e Yarn
- React.js
- React Icons
- Emotion
- Typescript
- Axios
- Context API
In this project I used React to bring to life a fluid and responsive interface using the resources provided by the @Emotion library (CSS-in-JS), working on the concept of modularization components were created, requests were made and handled with Axios to supply the context of the application within the Context API.
The code was treated with some linters and formatters to guarantee a cohesive and coherent code structure, thus reducing the chances of syntax errors occurring with Typescript and the automation process carried out with the help of Husky and Lint-staged.
Installing project dependencies
yarn installApplication initialization
yarn startApplication build
yarn buildYou can view the project layout by clicking here.
This project is under the MIT license.