Simple WebApp which let to search and watch You Tube videos.
This project was bootstrapped with Create React App.
Main used dependencies
- Create React App
- Redux
- TypeScript
- cross-fetch
- localForage
- Bootstrap
- reactstrap
- styled-components
- Connected React Router
During the implemented was used node v10.16.3.
- Install dependencies and build the app for production to the build folder using
npm install
. - Copy
example.env
as.env
and updateREACT_APP_YT_KEY
variable value with your You Tube API Key, e.g.
REACT_APP_YT_KEY=yourYouTubeAPIKey
- Run app using
npm start
. - App will be available on http://localhost:8080(If port wasn't changed by
.env
).
- Install dependencies and build the app for production to the build folder using
npm install
. - Copy
example.env
as.env
and updateREACT_APP_YT_KEY
variable value with your You Tube API Key, e.g.
REACT_APP_YT_KEY=yourYouTubeAPIKey
- Run app using
npm run serve
. - App will be compiled and opened in default browser on http://localhost:3000. The page will reload if you make edits. You will also see any lint errors in the console.
- Sync and thunk action creators - src/actions/index.spec.tsx
- Reducer - src/reducers/query.spec.tsx
- Jest Snapshots - src/components/Navigation.spec.tsx
- Check calls of component event handler - src/components/Navigation.spec.tsx
- Container with mocked store and RouteComponentProps - src/containers/App.spec.tsx
100% unit tests coverage wasn't the target of this project.
- Install dependencies and build using
npm install
. - Run unit tests by
npm test
. - To check test coverage run
npm test -- --coverage --watchAll
.