Project Deployment: https://alla2021.github.io/Courses_App/
Please note that this is a test project, and it has a CORS issue as specified in the test assignment.
💡 The task is to create an application for learning. My App is a web application built with React. API: https://www.postman.com/aninix/workspace/genesis-front-end-school/overview The application contains two pages:
-
page with courses; *When hovering over the video card, the promotional video of a specific lecture is automatically started to play.
-
lesson viewing page. *When you click on a video, a modal window of a specific lesson opens. *Video playback data is stored locally.
To install and run the app locally, follow these steps:
Clone the repository Install dependencies: npm install Start the development server: npm run start
To run the tests, use the following command:
jest
This app uses the following dependencies:
@emotion/react and @emotion/styled: for styling components @mui/material: for Material-UI components @testing-library/: for testing utilities @types/: for TypeScript type definitions hls.js: for playing HTTP Live Streaming (HLS) videos react and react-dom: for building the app with React react-icons: for using icons in the app react-player: for playing videos react-router and react-router-dom: for client-side routing react-scripts: for building and running the app typescript: for using TypeScript
This app uses the following dev dependencies:
@babel/*: for transpiling code with Babel babel-loader: for loading JavaScript files with Babel jest and babel-jest: for testing jest-fetch-mock: for mocking fetch requests in tests webpack and webpack-cli: for bundling the app Scripts npm start: starts the development server npm run build: builds the app for production npm test: runs the tests npm run eject: ejects the app from react-scripts
Backend shards of the backend can be exchanged for CORS policies by the viconate of the zadannya was helped by installing a special plugin on Chrome https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf