https://github.com/clairefro/mintbean-challenge-react-starter

https://github.com/clairefro/mintbean-challenge-react-starter

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/clairefro/mintbean-challenge-react-starter
• Owner: clairefro
• Created: 2020-06-01T21:26:37.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T07:38:46.000Z (about 2 years ago)
• Last Synced: 2025-01-10T02:18:03.916Z (6 days ago)
• Language: HTML
• Size: 4.92 MB
• Stars: 10
• Watchers: 3
• Forks: 9
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
The fastest way to hit the ground running with React for your next [Mintbean](https://www.mintbean.io/) challenge!

Comes with `gh-pages` to deploy your React app without the fuss. 

## Get started

### Install `create-react-app`

```

 yarn global add create-react-app

 ```

 or 

 ```

 npm install -g create-react-app

 ```

### Create new React app with template

Replace `` with your new app name

```

create-react-app  --template cra-template-mintbean-challenge-react-starter

```

### Create a new Github repo 

`cd` into your new project and push it to a new Github repo using `hub create` 

(don't have `hub`? [install it](https://github.com/github/hub#installation) )

```

git add .

git commit -m "init"

hub create

git push origin master

```

A new repo has been created in your Github with the name of your project. 

Run `yarn start` to start your dev server. Get coding! 

## Deploy to Github Pages 

Deploy your app at any time after setting up the following config. 

### 1. Update `package.json`

**IMPORTANT** In `package.json`, between the "name" and "version" keys, add a new key "homepage". Replace values with your `` and ``

```

{ 

  ...

  "homepage": "https://.github.io//",

  ...

}

```

### 2. Deploy

Push any updates you have to master, then run: 

```

yarn deploy

```

or if you use npm:

```

npm run deploy

```

That's it! You're app is now publically demo-able at `https://.github.io//`

### Note

By default, Github pages builds off `master` branch, so push any changes you want deployed there. You can run `yarn deploy` as often as you like. Be sure to deploy one last time at the end of the proejct period! 

### Where's my page???

If you can't find your Github Page, go to your repo > "Settings" > scroll to Github Pages section. 

-----------------------------------------

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).