https://github.com/mongodb-university/mflix-ui

MongoDB M220 Courses React Front-End
https://github.com/mongodb-university/mflix-ui

Last synced: about 2 months 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-06-08T19:32:08.308Z (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!