Giter Club home page Giter Club logo

mockzilla's Introduction

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

MockZilla architecture:

alt text

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 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

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.

mockzilla's People

Contributors

dependabot[bot] avatar tusharjo avatar aulisius avatar

Stargazers

Sebastian avatar Met avatar  avatar  avatar Will avatar starkwang avatar Ryan Pereira avatar  avatar Aditya Zope avatar Divyanshu Dhruw avatar

Watchers

Divyanshu Dhruw avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.