Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/eltonlazzarin/dropbox-fake-app

RocketBox - A Full Stack Project App
https://github.com/eltonlazzarin/dropbox-fake-app

frontend json nodejs nodejs-api react-dropzone react-icons react-native reactjs-components rocketbox socket-io

Last synced: 19 days ago
JSON representation

RocketBox - A Full Stack Project App

Awesome Lists containing this project

README

        

# RocketBox - A Full Stack Project App

### Project made with NodeJS, React and React Native

# Development environment

To excute all projects below, you have to install [Node.js](https://nodejs.org), [NPM](https://www.npmjs.com/), [JDK](https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html) enviroment and an editor, like [Visual Studio Code](https://code.visualstudio.com/).

# Usage

# Starting the API project

After cloning this project to your computer, install all dependencies needed to backend, frontend and RocketBox mobile app (separately), typing in your terminal like below.

```sh
$ dropbox-fake-app
$ cd backend
$ npm i
```

To start the API, run the following command on your terminal.

```sh
$ npm run dev
```

# Starting the frontend project app

Install all dependency, typing in your terminal...

```sh
$ dropbox-fake-app
$ cd frontend
$ npm i
```

Starting the frontend app. Type in your terminal ...

```sh
$ npm dev
```

Open your browser and type [http://localhost:3000](http://localhost:3000).

# Starting the mobile app

Install all dependency, typing in your terminal...

```sh
$ dropbox-fake-app
$ cd RocketBox
$ npm i
```

To start the mobile app, run the following command on your terminal.

>Before run the commands below, you must start an android or ios virtual smartphone or, have a smartphone plugged in your computer.

```sh
$ react-native run-android
```

or

```sh
$ react-native run-ios
```