Repository files navigation

###Websitepetpic.herokuapp.com

###How it works

• Start page
  Users can log in or create a new account.Once logged in users will be redirected to the Homepage.
• Home page
  The home page will have a central news feed column of pictures that have been uploaded to 'PetPic'. A smaller side column will have a link and miniature thumbnails of the Users uploaded pictures. From here the user can
• Select pictures from the newsfeed to view the large orginal uploaded picture
• Go to the Users profile page
• Log out.
• Users Profile page
  This page will generate all the users pictures which can be enlraged for viewing, updating or deletion. From here the user can also upload more images.

#Build process

The intention was to build this application in Ruby on Rails, following a wireframe.

###WireFrame:

###Models

The site relies on two different tables. These table were created in psql (Postgress tables)

User tableThis is a table of all the user details and login information.

Image tableThis is a table of all the image details. At this stage picture are referenced through the a url and are not hosted directly by the site.

###Tech experience, thoughts/reflection

Ruby on RailsAmazing framework with so many useful parts. Takes abit to get used to MVC.

• Authenticating passwords
  This was really interesting to actually use the secure password function in rails.
• html.erb files
  Really cool to able to insert the view into a standard layout and incorporate ruby into the markup.
• GEMS
  Almost a gem for everything.

Heroku
A bit of trouble shooting to get this hosted. If the App has not been loaded in a browser recently it takes quite a while to initially load.

Bootstrap
Using Bootstrap for quick styling solutions was really helpful for buttons and creating an effective grid layout. Although these are not as good as doing the custom styling myself (which take time) they are great 'off the shelf' styles.

Google fonts & Font Awesome
Google fonts was extremely convenient (also free) way to look through a lot of styles. Due to the extremely short build time for this project this was very helpful. I settled for Monofett.Font Awesome was great for finding a wide range of useful symbols. I have used the thumbs up/down symbols so user can rate images. This some far has been implemented in the GitHub version only. (not on the heroku version)