Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mongodb-university/mflix-ui
MongoDB M220 Courses React Front-End
https://github.com/mongodb-university/mflix-ui
Last synced: 11 days ago
JSON representation
MongoDB M220 Courses React Front-End
- Host: GitHub
- URL: https://github.com/mongodb-university/mflix-ui
- Owner: mongodb-university
- Created: 2019-06-03T13:53:03.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-06-12T18:25:58.000Z (over 5 years ago)
- Last Synced: 2024-08-02T14:08:27.490Z (4 months ago)
- Language: JavaScript
- Size: 179 KB
- Stars: 34
- Watchers: 12
- Forks: 26
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# M220 MFlix UI Front-End
Hi there!
In this repository you can find the [MongoDB University Developer Courses](https://university.mongodb.com/)
front-end application.
This code is made available so that you can explore how the MFlix application was created and how it is used throughout the M220 online courses.
All validation codes have been striped out of the source code, so that you can
enjoy the full M220 learning experience!
The MFlix UI is a React Application that performs backend requests via
a backend exposed Rest API. It will proxy requests to `http://localhost:5000/`
to interact with any of the M220 backends that are listening on that port.
## Local build
If you want to make modifications, debug or simply create a local version of
the MFlix front-end you can do so by building locally.
### Dependencies
To run the MFlix UI application locally you need to have the following
dependencies:
- ``npm`` 6.4.1 or above
- ``node`` v10.6.0 or above
- Local ``mflix`` backend
### Local Installation
- 1) Install application dependencies
```sh
cd mflix-ui
npm install
```
- 2) Run the front-end server
```sh
npm start
```
Once you've started the server, a new browser tab or window should open to http://localhost:3000 if one isn't open, otherwise it will refresh the existing window. Since this project uses create-react-app, not reloading is in effect so there's no need to stop and start the front-end when you make a change.
Enjoy!