https://github.com/keiken-shin/airspace
Airspace - File storage application
https://github.com/keiken-shin/airspace
firebase react styled-components
Last synced: 3 months ago
JSON representation
Airspace - File storage application
- Host: GitHub
- URL: https://github.com/keiken-shin/airspace
- Owner: keiken-shin
- Created: 2021-02-01T06:52:57.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-02-25T10:37:02.000Z (over 5 years ago)
- Last Synced: 2025-01-13T16:26:27.646Z (over 1 year ago)
- Topics: firebase, react, styled-components
- Language: JavaScript
- Homepage: https://air-space.netlify.app
- Size: 4.26 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Airspace - File Cabinet
This is a practice project for creating space like Google Drive and Dropbox.
Below are some screenshots
## 🛠Installation & Set Up
1. Clone the repo
```sh
git clone https://github.com/keiken-shin/airspace.git
```
2. Install dependencies
```sh
npm i
```
3. Create **.env.local** file inside root directory
```sh
touch .env.local
```
4. Create **Firebase project** and enable **Email** and **Google** auth
5. Then inside .env.local paste firebase confing with the following environment variables.
```txt
REACT_APP_FIREBASE_API_KEY
REACT_APP_FIREBASE_AUTH_DOMAIN
REACT_APP_FIREBASE_DATABASE_URL
REACT_APP_FIREBASE_PROJECT_ID
REACT_APP_FIREBASE_STORAGE_BUCKET
REACT_APP_FIREBASE_MESSAGE_SENDER_ID
REACT_APP_FIREBASE_APP_ID
```
6. Start the development server
```sh
npm start
```
## 🚀 Building and Running for Production
1. Generate production build
```sh
npm run build
```
1. Preview the site as it will appear once deployed
```sh
npx serve -s build
```