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)

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.

meteor.react.mobile.boiler Latest Version Download

Download Latest Version (.zip)

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

meteor.react.mobile.boiler Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

meteor.react.mobile.boiler

meteor.react.mobile.boiler Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README