https://github.com/primaryobjects/python-react-starter-template
Python Flask React 4 Single Page App Starter Template with Bootstrap
https://github.com/primaryobjects/python-react-starter-template
Last synced: about 1 year ago
JSON representation
Python Flask React 4 Single Page App Starter Template with Bootstrap
- Host: GitHub
- URL: https://github.com/primaryobjects/python-react-starter-template
- Owner: primaryobjects
- Created: 2021-04-21T02:07:42.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-21T03:14:22.000Z (about 5 years ago)
- Last Synced: 2025-02-09T17:42:25.481Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 1.26 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Python Bootstrap Flask React Starter Template
===
A quick and easy Python + Flask + [React](https://reactjs.org) template project, using Twitter [Bootstrap](https://getbootstrap.com) 5.0 and React Router for creating a simple single page application.
## Usage
- Clone repository.
- Open a command prompt, navigate to the folder, and enter: `npm install`
- Next, run a build of the React client by entering: `npm run dev`
### Development Usage
You can make changes to the pages in `/src/components` and see them update live.
## Demo:
http://pythonbootstrapper.herokuapp.com
## Contents:
- /src/index.js
- /src/App.js
- /src/components/Header/index.js
- /src/components/Footer/index.js
- /src/components/Home/index.js
- /src/components/About/index.js
- /src/components/Contact/index.js
- /src/components/NotFound/index.js
## Editing Pages:
Edit `/src/components/Home/index.js` to add your content to the Home page. The default contents include:
```js
class Home extends Component {
render() {
return (
Home
{this.state.time}
)
}
}
```
## Deploying on Heroku
After creating the application on Heroku, click **Settings**, under **Buildpacks**, add **heroku/nodejs** and **heroku/python**.
This will allow Heroku to build the react static files and serve the Python Flask app.
## Author
Kory Becker http://www.primaryobjects.com/kory-becker