https://github.com/tusharjo/mockzilla

The fastest way to mock API calls for your React / Vue.js / Angular apps for FREE!.
https://github.com/tusharjo/mockzilla

angularjs create-react-app es6 express-js javascript mock mock-server mockme nodejs react redis redis-server typescript vuejs

Last synced: 11 days ago
JSON representation

The fastest way to mock API calls for your React / Vue.js / Angular apps for FREE!.

• Host: GitHub
• URL: https://github.com/tusharjo/mockzilla
• Owner: tusharjo
• License: bsl-1.0
• Created: 2020-06-12T12:40:18.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-01-09T21:01:37.000Z (10 months ago)
• Last Synced: 2024-08-01T08:15:15.574Z (3 months ago)
• Topics: angularjs, create-react-app, es6, express-js, javascript, mock, mock-server, mockme, nodejs, react, redis, redis-server, typescript, vuejs
• Language: TypeScript
• Homepage: https://mockzilla.com
• Size: 2.22 MB
• Stars: 10
• Watchers: 2
• Forks: 2
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome - tusharjo/mockzilla - The fastest way to mock API calls for your React / Vue.js / Angular apps for FREE!. (TypeScript)

README

        
# MockZilla v1.1

## What is MockZilla?

MockZilla is an app where you can mock and store your own API calls and use those

calls wherever possible while development phase.

## MockZilla app url:

[View the live MockZilla app](https://mockzilla.com/)

## MockZilla architecture:

![alt text](https://github.com/tusharjo/mockzilla/blob/master/client/public/image/mockme-architecture.jpg?raw=true)

## How to setup MockZilla locally:

### docker-compose (recommended):

Go to /client directory create a new `.env.development` file and add this code

### `REACT_APP_API_URI=http://localhost:8080`

Then run this in your terminal:

#### `docker-compose up -d --build`

Once all containers bootup: You can access client from `http://localhost:3001`

### Manual Steps:

Goto /client directory and run

### `npm i`

### `npm start`

Check if your react server is running properly, then run this command:

### `npm run build`

This will generate build folder outside client directory.

Before starting up server, you will have to install redis.

Steps are as follows:

Install redis server on your local machine and run it on default port

[Redis Download](https://redis.io/download) and follow Mac/Windows installation

steps.

Once setup is done, start the redis server with:

### `redis-server`

Now navigate to /server directory create a new `.env` file and add this code

### `dev=development`

and run

### `npm i`

and

### `npm run dev`

Once it connects to redis server, you can visit port 8080:

[localhost:8080](http://localhost:8080)

Your server with react app is up and running on localhost!

## Production deployment of MockZilla:

Run root Dockerfile, it will output image.

Make sure you mention redis production version in `/server/index.js` Now you can

use this image to deploy on production.