Code Monkey home page Code Monkey logo

fstopandgo's Introduction

f/StopandGo

The photographer's notepad.

Get started!

What is f/StopandGo?

Built to replace the notepad in my camera bag that's full of disorganized techniques, settings, gear, specific shots, timelapse math, and other notes. f/StopandGo aims to help photographers grow by motivating people to get out and use their camera, build on one technique at a time, and not be intimidated by the endless combination of settings.

How do I Use f/StopandGo?

  • Create an Account. From the home page, click the "Get Started" button. Provide a username, email, password, and password confirmation. Once validated, you'll be logged in and ready to start planning!

  • Demo. Alternatively, you can test drive the app by clicking Demo and logging into the public demo account. To reiterate, the demo account is public, so keep that in mind as you create or edit shoots.

  • Dashboard. From your Dashboard, you can see all your photoshoots and create new shoots by clicking the + button. See below for features I'd like to add to later versions.

  • Photoshoots. Creating a shoot only requires a title, but you can also add a location, description, and list of gear you'd like to remember (don't forget your batteries and memory!). This is designed to provide a fairly loose structure so you can plan your shoots in a way that's useful for your style. You can always come back to edit or delete your shoots later.

  • Menu. Click the burger icon ☰ to open the menu. From there you can log out, visit GitHub to see the site's frontend and backend code, delete your account, or simply enjoy clicking the burger to watch it animate from ☰ to X and back.

FAQs:

How do I edit or delete my shoots?
Just open a photoshoot from the dashboard and at the bottom of your screen you'll see the Edit and Delete buttons.

How do I delete my account?
About halfway down the Menu, you should see the option to delete your account. (Note: this option is not available for the demo account.)

Future Versions and Features

Some ideas for making f/StopandGo more useful in future versions:

  • Sharing Techniques. I want to create another page where people can create reference cards for techniques that all users can see, rate, and comment on. Like a recipe on a cooking site. So if you wanted to graduate from "portrait mode" on your phone, to actual portrait photography, you could search in the techniques page to find top rated quick references on how to get started.

  • Saving Techniques. Related to the first goal, I want users to have the option to save reference cards into their shoots. Lets say you have a photoshoot planned to try some portrait photography techniques with your new lens, and now you can save that helpful Technique Card to your shoot for easy reference.

  • Toolbox. Sometimes you try something and it's a technique you want to use repeatedly (like the perfect lens, ISO, f-stop, and shutter speed settings for your Milky Way photos). I'd like to have an option for users to create a Toolbox where they can save and quickly reference techniques, settings, or approaches they found useful.

Technologies Used

To view the backend code and documentation, please visit the API repo.

Frontend

  • React
  • Redux
  • HTML5
  • CSS3
  • JavaScript

Other Tools

  • React Router
  • Redux Form
  • Redux Thunk

Styles

To see where it started, you can check out the original wireframes here.

Feedback?

I would love to hear what you think! Shoot me a message through GitHub or my portfolio with feedback, new ideas, or anything else you'd like to share.

Hope you get some great photos! - A

fstopandgo's People

Contributors

alexwarnes avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.