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