meteor.react.mobile.boiler

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

meteor.react.mobile.boiler

★ 8 Open GitHub ↗

Starter TODO app built in meteor. View layer rendered with react using material-ui components, redux to manage state, react router, and flexboxgrid for responsive behavior.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Build Status](https://travis-ci.org/dannyvassallo/meteor.react.mobile.boiler.svg?branch=master)](https://travis-ci.org/dannyvassallo/meteor.react.mobile.boiler)

# ⚛ React Mobile App Boilerplate for Meteor ☄

Starter TODO app built in meteor. View layer rendered with react using material-ui components, redux to manage state, react router, and flexboxgrid for responsive behavior.

Quick and easy deploy to heroku with instructions to build out for android.

###Technologies Used 🤖

* Meteor
* [Meteor Mocha](https://github.com/practicalmeteor/meteor-mocha) For Testing
* AccountsUI
* SCSS
* React
* react-addons-pure-render-mixin
* react-dom
* classnames
* react-router
* flexboxgrid
* material-ui
* redux
* thunk
* alanning:roles
* tracker-react

###Getting Started 🔥

First, Install [Meteor](https://www.meteor.com/install).

Then do the following:
```shell
#on windows you may need powershell if you
#run into issues with gitbash and meteor
git clone https://github.com/dannyvassallo/meteor.react.mobile.boiler.git
cd meteor.react.mobile.boiler
meteor npm install
meteor run
```

###File & Folder Structure 📂

###Running tests ✅

On first run pass the terminal `npm run prep-test`
every other time just run `npm run test`

If prep test fails run `sudo npm i spacejam -g`

If you need to pass additional parameters to spacejam, edit the `package.json` or alter this command line chain:

```shell
#we use 8080 to run the tests concurrently with our server instance on 3000
TEST_WATCH=1 spacejam test --driver-package practicalmeteor:mocha --port 8080
```

###Material-UI 🖥

Material-UI is a set of React components that implement Google's Material Design.

You can checkout components and their markup here: http://www.material-ui.com/

###flexboxgrid 💪

flexboxgrid is a grid system based on the flex display property. The markup is identical to Twitter bootstrap in most cases. See the examples here: http://flexboxgrid.com/

###First Admin

Follow the following instructions to create the initial admin user:

```javascript
// open your chrome console after you've logged in and run this:
Meteor.userId();
// copy out the returned id
```

With your new User ID copied, clone `settings.json.example` and rename it to `settings.json` and paste it in as a string value for the adminId attribute.

Save, and restart the server with `--settings settings.json` as a flag. You should be able to visit `localhost:3000/admin` in your browser if this worked.

###Deployment 🚀

Deploy using the [Meteor Horse Buildpack](https://github.com/AdmitHub/meteor-buildpack-horse) and Heroku

* Set up your app to [deploy to heroku with git](https://devcenter.heroku.com/articles/git).
*  Set this repository as the buildpack URL:
```
heroku buildpacks:set https://github.com/AdmitHub/meteor-buildpack-horse.git
```
* Add the MongoLab addon:
```
heroku addons:create mongolab
```
* Set the `ROOT_URL` environment variable. This is required for bundling and running the app.  Either define it explicitly, or enable the [Dyno Metadata](https://devcenter.heroku.com/articles/dyno-metadata) labs addon to default to `https://<appname>.herokuapp.com`.
```
heroku config:set ROOT_URL="https://<appname>.herokuapp.com" # or other URL
```
Once that's done, you can deploy your app using this build pack any time by pushing to heroku:
```
git push heroku master
```

###Sync your local settings w/ Heroku 🔄
```
heroku config:add METEOR_SETTINGS="$(cat settings.json)"
```

###Running on android 📱

In the shell with your device connected run:

```
MONGO_URL="mongodb://<username>:<password>@<mlab url>.mlab.com:<portnumber>/<dbname>" meteor run android-device --mobile-server=https://<appname>.herokuapp.com
```
###Generating Icons and splashes 🖌

Use meteor image asset generator [here](https://github.com/lpender/meteor-assets).

Follow the instructions and copy the resulting resources folder over the one in this project.

meteor.react.mobile.boiler

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README