Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/heyitsjoealongi/react-quickstarter
Single-Page Application — React & Bootstrap Powered by Firebase
https://github.com/heyitsjoealongi/react-quickstarter
bootstrap firebase react reactstrap
Last synced: about 1 month ago
JSON representation
Single-Page Application — React & Bootstrap Powered by Firebase
- Host: GitHub
- URL: https://github.com/heyitsjoealongi/react-quickstarter
- Owner: heyitsjoealongi
- License: mit
- Created: 2020-03-01T22:58:04.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-03-23T04:40:16.000Z (8 months ago)
- Last Synced: 2024-05-02T04:49:22.036Z (7 months ago)
- Topics: bootstrap, firebase, react, reactstrap
- Language: JavaScript
- Homepage:
- Size: 229 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# React QuickStarter
 [](https://github.com/heyitsjoealongi/react-quickstarter/blob/master/LICENSE)  
[Open Source](https://opensource.org/) React QuickStarter for building applications in React.js with Bootstrap utilizing Axios and Reactstrap. Enjoy the endless capabilities of Bootstrap and React via Reactstrap. Explore the simplistic and lightweight functionality of lifecycles through React in a UI framework you are familiar with. HTTP requests via Axios for connecting to data on the fly and building to the beyond.
## Contents
- [About](#about)
- [Build](#build)
- [Overview](#overview)
- [Requirements](#requirements)
- [Installation](#installation)
- [Additional](#additional)
## About
React QuickStarter is an introduction to React & React Native utilizing frameworks for quickly iterating and developing applications.
- Website: [heyitsjoealongi.com](https://heyitsjoealongi.com/)
- Twitter: [@heyitsjoealongi](https://twitter.com/heyitsjoealongi/)
- GitHub: [@heyitsjoealongi](https://github.com/heyitsjoealongi/)
- LinkedIn: [@heyitsjoealongi](https://www.linkedin.com/in/heyitsjoealongi/)
## Build
React QuickStarter is built with modern frontend frameworks and adapts to screen sizes with ease. Captivating the elements and adaptive nature of Bootstrap in a lightweight framework that is the spirit of application development.
- [React.js](https://reactjs.org/)
- [Node.js](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com/)
## Overview
### Requirements
This project runs on Node.js while the DOM UI elements are established using React.js with modules from Bootstrap, Reactstrap, and Axios for distributing and handling data.
- React (v17.0.1)
- Node (v15.5.1)
- Bootstrap (v4.5.3)
- Reactstrap (v8.8.1)
### Installation
- **Option 1.)** [Download the latest version of this template from GitHub](https://github.com/heyitsjoealongi/react-quickstarter/archive/master.zip)
- **Option 2.)** Clone this repository
```
git clone https://github.com/heyitsjoealongi/react-quickstarter.git
```
- **Option 3.)** [Fork, Clone, or Download via GitHub Desktop](x-github-client://openRepo/https://github.com/heyitsjoealongi/react-quickstarter)
### Basic Usage
##### Install
```sh
yarn install
```
##### Run
```sh
yarn run start
```
##### Test
```sh
yarn run test
```
##### Build
```sh
yarn run build
```
## Deploy
Create a [Firebase](https://firebase.google.com/) account, choose a project name, and open the developer console interface to find **Hosting** solutions under develop. Click the **Get Started** button on the top banner to begin.
##### Step 1: Install Firebase CLI
```sh
npm install -g firebase-tools
```
##### Step 2: Login to Authenticate
```sh
firebase login
```
##### Step 3: Initalize Project
```sh
firebase login
```
##### Step 3: Initalize Ship
```sh
firebase init
```
Now in your IDE console choose hosting using the ▼ arrow key, spacebar to actuate as you hover the fill, then enter once you have selected **"Hosting"**. Use the project that your recently created and type **"build"** for your public directory. Follow the chain, entering **"No"** until the initialization begins.
##### Step 4: Finalize Deploy
```sh
firebase deploy
```
## Additional
##### Bugs and Issues
Having an issue with the template? Report bugs & issues with Purple on GitHub via [Issues](https://github.com/heyitsjoealongi/react-quickstarter/issues). Fork, Pull, or Send an email over to join as a contributor! Join in on the open source conversation on [Twitter](https://twitter.com/heyitsjoealongi).
##### Acknowledgments
- [Create React App](https://reactjs.org/docs/create-a-new-react-app.html)
- [Bootstrap](https://getbootstrap.com/)
- [Reactstrap](https://reactstrap.github.io/)
- [Firebase](https://firebase.google.com/)
##### License
© 2022 React QuickStarter released via [MIT](https://opensource.org/licenses/MIT) license. Information on this license can be viewed as it applies to this repository on GitHub at [React QuickStarter License](https://github.com/heyitsjoealongi/react-quickstarter/blob/master/LICENSE).