Shiba-Gram is an Instagram-inspired single page web app that allows users to share photos while being able to comment on and follow other users' content.
Check it out at https://shiba-gram.herokuapp.com.
The backend was developed using Ruby on Rails and a PostgreSQL database. Photo are stored with AWS S3.
The frontend utilizes React components with Redux state management.
-
Sign Up/Login
-
Main Page
-
User Profile Page
Users each have a profile page. Other users' profiles allow you to follow or unfollow their account using a folllow toggle button, which dynamically updates a user's follower number. This was achieved via a stateful component.
-
Photo Show Modal
-
Add Photo Modal
All modals were created with vanilla JavaScript. Photos are attached using the Paperclip gem. The figaro gem keeps AWS secret keys safe.
- Add/Edit/Delete Comment Form
- Likes
- Infinite Scroll
- User Search