https://github.com/ajsalemo/graffiti

A website showing urban art from around the world
https://github.com/ajsalemo/graffiti

api axios css dotenv flickr-api html javascript mobile node npm npm-package react redux redux-form redux-persist redux-thunk responsive single-page-app

Last synced: about 2 months ago
JSON representation

A website showing urban art from around the world

• Host: GitHub
• URL: https://github.com/ajsalemo/graffiti
• Owner: Ajsalemo
• Created: 2018-11-25T16:38:24.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-03T11:36:22.000Z (almost 2 years ago)
• Last Synced: 2023-03-03T22:14:05.165Z (almost 2 years ago)
• Topics: api, axios, css, dotenv, flickr-api, html, javascript, mobile, node, npm, npm-package, react, redux, redux-form, redux-persist, redux-thunk, responsive, single-page-app
• Language: JavaScript
• Homepage: https://urban-art.netlify.app/
• Size: 9.3 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Graffiti

A website showing urban art from around the world

https://urban-art.netlify.app/

## About

A web site pulling graffiti related images from the Flickr API. 




![Graffiti-Jumbotron](https://media.giphy.com/media/vx3uCFfAW6YpaYH5kC/giphy.gif)




## User flow

A user can either search for a term or city directly - manual search terms are appended with a string('graffiti') to keep returned results centric to the website's theme. If the search term is entered with the word 'graffiti' - the search term is unchanged. 

User's can also click on the dropdown icon in the navigation bar to choose from a list of pre-defined terms or searches.




![Graffiti-Search1](https://media.giphy.com/media/4ZxeQMepBvJl77WtMB/giphy.gif)




## Technologies

This website is primarily built using React, Redux, Node, Bootstrap and SASS. Also including a few additional NPM packages as well.