Adventure Snapshot

Live Demo ↗️

Features

• sign up and sign in
• Search Photos by the nature of Photo
• Sortable: Drag and Drop
• Responsive Design
• DarkMode/LightMode support
• loading spinner
• add photo from computer (on the way)

Stack

• React.js
• Styled Components
• Firebase

Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• node v18.17.1
• Firebase account + project config keys visit

Setup

Clone this repository

Install

Install this project with:

  - git clone https://github.com/MaryRichelle/AdventureSnapShot.git
  - cd AdventureSnapShot
  - npm/yarn  install 

Create a .env file for environment variables. sample below

• REACT_APP_FIREBASE_KEY="your firsebase api key"
• REACT_PROJECT_ID='firebaseproject id'
• REACT_STORAGE_BUCKET='firebase storage bucket'
• REACT_MESSAGING_SENDER_ID='firebase messaging sender id'
• REACT_APP_ID='firebase app id'

Usage

To run the project, execute the following command:

  npm/yarn start