Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/n2duc/fs-mern-movies-app

movie app full stack (MERN Stack) using React, Redux, MUI5, MongoDauBuoi, ...
https://github.com/n2duc/fs-mern-movies-app

express material-ui mongodb react redux

Last synced: about 13 hours ago
JSON representation

movie app full stack (MERN Stack) using React, Redux, MUI5, MongoDauBuoi, ...

Awesome Lists containing this project

README

        

# All libraries and technologies used in the project

Movie app full stack (MERN Stack) using React, Redux, MUI5, MongoDauBuoi, ...

## Tech

App uses a number of open source projects to work properly:

- [Node.js](https://nodejs.org/en) - For the backend
- [Express](https://expressjs.com/) - Fast node.js network app framework
- [ReactJS](https://react.dev) - Frontend Framework
- [ReduxToolkit](https://redux-toolkit.js.org/) - State Management
- [MaterialUI](https://mui.com/material-ui/) - Build UI
- [MongoDB](https://www.mongodb.com/) - Database saving
- [Yup/Fomik](https://formik.org/) - Validation form

## Features

- Import a HTML file and watch it magically convert to Markdown
- Drag and drop images (requires your Dropbox account be linked)
- Import and save files from GitHub, Dropbox, Google Drive and One Drive
- Drag and drop markdown and HTML files into Dillinger
- Export documents as Markdown, HTML and PDF

## Installation & Run App

### Create & change environment variables from .env file

```sh
MONGODB_URL =
PORT =
TOKEN_SECRET = randomsecret
TMDB_BASE_URL = https://api.themoviedb.org/3/
TMDB_KEY =
```

MovieApp requires install [Node.js](https://nodejs.org/) to run ( >= ver 18).

### Server
```sh
cd server
npm i
npm start
```

### Client
```sh
cd client
npm i
npm run dev
```