Git Product home page Git Product logo

ritual's Introduction

ritual

This is my boilerplate for React + Webpack + Docker.

To use this, clone it to a folder named for your project:

git clone https://github.com/austintgriffith/ritual.git #YOURPROJECTNAME#

In that folder, clone your project into the src folder:

cd #YOURPROJECTNAME#; git clone https://github.com/austintgriffith/helloworld.git src

(This is a good example project and you can copy all of its files to your new project.)

You need to pick a port you want your app to run on and update the following files with that port:

server.js
webpack.config.js
docker/Dockerfile
docker/run.sh

You also need to update the name of the project in:

docker/build.sh
docker/run.sh

Then, run the npm install for both your project, and the ritual app:

npm install
npm run inject

Finally, start your app with:

npm start

If you want to take advantage of hot reloads

npm test

(this runs in a second window along with the npm start command.)

You can now view your app at http://localhost:8080

docker

First, you want to build the ritual base container:

cd docker; ./build.sh

Next, you want to build your project's container:

cd src/docker; ./build.sh

Finally, run your container:

cd src/docker; ./run.sh

(You can follow the logs with "Docker logs helloworld")

ritual's People

Contributors

austintgriffith avatar changoman avatar

Stargazers

Dipjyoti Metia avatar

Watchers

 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.