Coder Social home page Coder Social logo

macrae-photo's Introduction

MacRae Photo

Deployed site

Contributors:

Cameron MacRae

Overview

Outside of programming I am a hobbyist photographer who specializes in landscape, cityscape, and street photography. This site was built to showcase my personal photography. I also wanted to use this site to work on my UI/UX design skills by creating a simple and elegant design while still allowing for some creativity with regards to the UI.

How to Use:

Once on the landing page you are given three options: Photos (to navigate to the gallery), Contact (to send a message), and About (to view a short bio). There will also be a link to my photography Instagram page where you can view more of my work.

Screen Shot 2020-07-04 at 1 23 21 PM

From the Gallery you will be able to click on any photo to view it in a larger size or go back to the main menu using the 'Back' option in the upper right hand corner.

Screen Shot 2020-07-04 at 1 26 36 PM

Once a photo is clicked on you can view it at a larger resolution and see it's title and approximate location. There are also arrow controls at the bottom left corner of each photo which can be used to scroll through the gallery without returning back to the main gallery page. However, if you do wish to return back to the gallery page simply click the 'Back' button, located in the bottom right corner.

Screen Shot 2020-07-04 at 1 29 35 PM

If you have any questions about my work or are interested in purchasing a print please use the site's contact form. All that is required is a valid email address and your message. I will typically reply via email within 3-5 business days.

Screen Shot 2020-07-04 at 1 54 31 PM

Dev Setup Instructions

  • Clone this repo.
  • Cd into the root repository and run npm i or npm install to install all dependencies.
  • npm start to get the repo up and running on localhost:3000.
  • The testing suite can be run with npm test.
  • If you'd like to use this template for your own gallery please read the below disclaimer.

Disclaimer

All photographs found within this repository and under the macraephoto domain are property of Cameron MacRae. No permission, either express or implied, is granted for the electronic transmission, storage, retrieval, or printing of the photographs contained on MacRae Photo, other than that which is related to the normal "caching" practices of web browsers and activities such as downloading solely for your personal enjoyment. No parties/individuals visiting or viewing images from macraephoto.herokuapp.com or github.com/cammac60/MacRae-Photo, may otherwise copy, modify, publish, transmit, or distribute the contents of the photographs found herein. Express written permission must be granted, on behalf of the photographer (copyright holder, Cameron MacRae), in order to use these photographs for any purpose that is not outlined above.

Your use of macraephoto.herokuapp.com, github.com/cammac60/MacRae-Photo, or viewing of this statement indicates your acceptance of all conditions stated within this disclaimer. Any breach of these terms will be followed up to the fullest extent of US copyright law.

© Cameron MacRae - MacRae Photography 2015-2020 All rights reserved

macrae-photo's People

Contributors

cammac60 avatar

Stargazers

 avatar

Watchers

James Cloos avatar  avatar

Forkers

jsullivan5

macrae-photo's Issues

Restyle photo components

  • Move back button to upper left.
  • Think of a better way to fill whitespace.
  • More blur on backgrounds?
  • Consider moving photo text to left?

Disable button on submit until promise returns

Currently, the submit button on the contact page is still active after clicking. If the promise takes a while to resolve you can spam click the button and send multiple messages. Functionality is needed to prevent additional clicks while the post is being sent.

Fix color issue on splash title

When hovering a menu option on the splash page the title is updated to reflect the same color. If a menu option is clicked and then you go back to the splash page the menu will still be the last hovered color until another menu option is hovered. This should be changed back to white when a menu option is clicked.

Finish Loader component

I'm going to adapt this to load when the form is submitted, another loader might be needed once Cloudfront is integrated.

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.