Skip to content

StreetArtMap/streetArtMap

Repository files navigation

Street | ART | Walk - Frontend Service

Build Status

Login: username: username, password: password

Introduction

Street | ART | Walk is an application that allows a user to search street art locations and information using maps. Leveraging Progressive Web Apps technology, we have designed the application to allow for a user to upload images of street art they find and allow them to pin their location, and any pertinent details like the artist name, artist instagram handle, and a brief description. This project attempts to address the lack of resources for exploring street art in an organized manner. This app allows the artist to post and promote their work, including a description of the artwork and their instagram link in order to facilitate user artist discovery.

This application was bootstrapped using Create-React-App with Redux and Hooks. We utilized GraphQL and the Apollo Client to handle our APIs. We employed static asset caching by using Progressive Web Apps technologies. The application was deployed using TravisCI and Netlify.

Application Demo:

Street Art Walk

Street Art Walk

App presentation video:

Video App Presentation

iPhone demo video:

Iphone demo

iPad demo video:

Ipad demo

Tech Stack

  • JavaScript
  • React with Hooks
  • React Router
  • Redux
  • GraphQL
  • Apollo Client
  • CSS3
  • Progressive Web Apps
  • React Testing Library
  • Jest
  • TravisCI
  • Netlify
  • Lighthouse
  • Mapbox GL JS
  • Cloudinary

Development Implementation Instructions

First you'll need these installed:

  • clone repo
  • cd into repo
  • run npm install
  • npm start (begins the server locally)

Contributors

Frontend Team

Carlos Flores

Edita Ignot

Backend Team

More Details: Street Art Walk Backend

Stella Bonnie

Michael Gallup

Jesse Gietzen

Project Managers

Megan McMahon

Robbie Jaeger