BertoCruz / shutterbugs-ui

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Shutterbugs

Abstract

Are you just starting off as a photographer, or researching different styles of photography? Magnum Photos is a great place to start learning about techniques in shooting photography and storytelling. However, there are many more photographers out there as well. Shutterbugs is a site where you can track your photographer teachers and their styling techniques. Here you can journal your notes upon a photographer entry, as well as link some of your favorite photography pieces.

Technologies

JavaScriptHTML5CSS3NodeJSWebpackcypressReactReact RouterGitHub

Features

  • As a user I should be able to see a gallery of photographer entries
    • Here, a user gets an idea on how to navigate the page. click on any card and explore the Shutterbugs API
  • As a user, I should be able to favorite a photographer by clicking the star icon that toggles between two colors
    • The home page also allows you to toggle between those you have favorite and those you haven't
  • As a user I should be able to submit a new photographer entry by way of a form.
    • here you will be able to submit a new photographer with as many photographs taken by them.

Screenshots

Home Page View Photographer Cards and card navigation Controlled Form for new submission

Possible Future Extensions

  • As a user, I should be taken to a details page when I click on a photographer card. Here I should be able to edit my own journal entries as well as the pictures I submitted
  • As a user I should also see a section where I can type out field notes and add my own pictures similar to the photographers - this will include creating a new db for storing user’s photography Incorporate PostgreSQL and Knex JS, as well as deploy this new backend A resource page filled with helpful tutorials, a user would be able to submit their own resources as well.

Milestones

Challenges

Set Up

This front end of this application is up and running, so you click right here HOWEVER! you will need to clone and npm i this backend repo follow the instructions there and the site should be up and running for you.

Sources

DTR/Planning

Contributors

Project Specs

  • The project spec & rubric can be found here

About


Languages

Language:JavaScript 65.3%Language:CSS 30.0%Language:HTML 4.7%