https://github.com/moisestech/gatsby-react-cloud-paas
Gatsby React Cloud PaaS
https://github.com/moisestech/gatsby-react-cloud-paas
Last synced: 8 months ago
JSON representation
Gatsby React Cloud PaaS
- Host: GitHub
- URL: https://github.com/moisestech/gatsby-react-cloud-paas
- Owner: moisestech
- License: mit
- Created: 2021-07-02T10:57:58.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-07-17T02:15:15.000Z (almost 5 years ago)
- Last Synced: 2025-04-09T19:51:42.363Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 1.8 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/gatsby-react-cloud-paas/deploys)
# Gatsby React Cloud PaaS
☃️❄️⚙️⚛📶🌐
## **Cloud Native Platform as a Service application built on Gatsby**
---
## ⚙ Features
- Gatsby 2.24
- React 16.13
- React Hooks
- [Firebase Auth](https://github.com/marcomelilli/gatsby-firebase-simple-auth)
- ES8
- PropTypes
- Light/Dark Theme
## 👁️🗨️ Project Preview
## Ui
| 🖥️ Desktop Mode | 📱 Mobile Mode |
| :----------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|  | 
|
## Architecture
## 🗺 URL Tree
```bash
✅ Public Routes
├── / #Home
├── /about #About
└── /* #404
🔒 Private Routes
├── /app/:dashboard #Dashboard
├── /app/:instances/:instanceID #Instance:ID
├── /app/create #Create Instance
├── /app/stop #Stop Instance
└── /app/describe #Describe Instance
```
## 📡 Backend Request
```bash
├── backend/create #Create Instance
├── backend/stop #Stop Instance
└── backend/stop #Describe Instance
```
## 🌿 Application Tree
```bash
├── README.md
├── gatsby
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-ssr.js
├── netlify.toml
├── package.json
├── reference
│ ├── diagram
│ │ └── gatsby-basic-auth.png
│ └── ui
│ ├── dashboard_desktop.png
│ └── dashboard_mobile.png
└── src
├── assets
│ ├── fonts
│ │ └── replica-regular.woff
│ └── images
│ └── udacity.svg
├── components
│ ├── Footer.js
│ ├── Instance.js
│ ├── InstanceList.js
│ ├── Layout.js
│ ├── Logo.js
│ ├── Nav.js
│ └── TopNav.js
├── pages
│ ├── 404.js
│ ├── about.js
│ ├── account.js
│ ├── billing.js
│ ├── dashboard.js
│ └── index.js
├── services
│ └── auth.js
├── styles
│ ├── GlobalStyles.js
│ └── Typography.js
├── templates
└── utils
```
## ⛰️ Roadmap
- Re-write in Typescript
---
## 📝 Todos
### 🔒 Login
- [ x ] Gatsby Auth Login Page.
- [ x ] Firebase Auth Login (GMail, Email).
### 🚦 App State Management
- [ ] Import ReduxJS.
- [ ] Setup Instances Redux Action Creators.
- [ ] Setup Loading Bar.
### 🎹 Dashboard (Instances)
- [ ] Create Dashboard Page Pagination.
- [ ] Create Create Instance Page.
- [ ] Create Instance:InstanceID Page.
### 🏠 Homepage
- [ ] Create Home Page Welcome Design.
### 🎨 Design
- [ ] Create a Dark Mode / Light Mode Theme.
- [ ] Add Favicon / SVG.
- [ ] Mobile version.
- [ ] Create 404 Page.