Fluffagram

Fluffagram is a photo-sharing app for users to share their pet photos.

Comment

Fluffagram

Fluffagram is a photo-sharing app for users to share their pet photos.

Objective

Develop a web application that utilises CRUD operations on a SQL database with Ruby in the backend.

Technologies

  1. Ruby
  2. PostgreSQL
  3. Sinatra
  4. Active Record
  5. JavaScript including the following library:
    • jQuery
  6. CSS3
    • Materialize CSS framework
  7. HTML5
  8. Heroku Hosting
  9. AWS Hosting

Key Features

  • Users can sign in and immediately post photos of their pets
  • Users can then comment and like other photos.
  • Users can delete their photos or comments
  • Administrator can delete any uploaded photo or comments.

Links

Start fluffing!

Dummy login details for access below:

Administrator

Email: pudding@ga.co Password: pudding

User

Email: pizza@ga.co Password: pizza

Challenges

The main challenge for me was to figure out what sort of application I wanted to built in 5 days using CRUD operations. I found myself tossing up between ideas and coming back to them only to be back at square one. However, I finally settled on a photo sharing application as I wanted to explore the mechanism behind successful platforms like Instagram and Facebook.

On a more technical note, the first challenge was to try to understand how file upload works in the backend and to get the uploaded images stored on a hosting server. The other technical challenge was to figure out how to assign a delete button(with modals) to each image on the same page

CRUD operations

Create

Users are able to sign up and start posting photos

  • First name
  • Last name
  • Username
  • Email
  • Password

Read

Users are able to log into their account and view:

  • Photos uploaded by other users
  • Their own collection of photos through the dashboard

Update

Users are able to update their password.

Delete

Users are able to delete their own photos or comments

Administrator is able to delete any uploaded photo or comments.

Wisdom & Acknowledgements

Before starting a project, learn to stick to one idea and plan a lot!

Special thanks to DT and the iterm8s class for all the assistance and guidance!

Shoutout to Flo for testing my application.

This project was undertaken as part of the General Assembly WDI course.

Built With

Share this project:

Updates