https://github.com/keiken-shin/airspace

Airspace - File storage application
https://github.com/keiken-shin/airspace

firebase react styled-components

Last synced: 26 days 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 (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-25T10:37:02.000Z (almost 4 years ago)
• Last Synced: 2024-11-14T02:12:03.549Z (3 months 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


![demo](static/Airspace-mockup.png)

## 🛠 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

   ```