Picbait - An Instagram "Clone"

Live Site

"Clone" is purposely placed between quotes above. Picbait is very unlikely to become a fully fledged reproduction. What it will be is certainly Instagram inspired, though. I hope. Who knows? Anyway, let's get cracking.

Thanks to Jayc for the name <3.

Aim

Put together a full-stack, bottom-up web application. APIs, CRUD, single-page functionality, the works.

Intended Features

Non-essential features are italicised below

• Users
  • People can sign up to the site. Pick a username and password.
  • Users will have a profile, showing all their posts, with links to profile info.
  • Users can follow each other. Profiles will show numbers of followers, and who the profile owner is following.
  • Users can choose an avatar, or otherwise have a default avatar assigned.
  • Users can send private direct messages to one another
• Posts
  • Users can post images to their profiles.
  • Users can like posts.
  • Posts can be tagged.
  • Posts can be geotagged.
• Feed
  • Users get a custom feed of posts posted by people they follow.
  • Feed is infinitely scrolling.
• Comments
  • Users can comment on posts.
  • Users can like comments.
  • Users can respond to other comments
  • Comments include links to commenter profiles.

Technologies Used

• Ruby on Rails 6
  • jBuilder
• React
  • Redux
• PostgreSQL
• jQuery

Changelog

Version numbers reflect heroku versioning.

Major changes to make

• Fix image rotation on upload in preview
• Add direct messaging
  • Add message threads
  • Add group message threads
• Add geolocation with Google Maps API
• Add user preferences
  • Allow users to choose ascending or descending comments

v15

• Circle indicator is broken for comments on mobile
• Deffo need progress indicators, etc.
• Followers/Following buttons on profile are too close together - tied to bio width!
• Weird waiting text at bottom of feed? Only sometimes??
• Get rid of the “Bournemouth, England” placeholder; replace with bio maybe?

v16

• Fix pink colour change for svg icons; put class on container button?
• Make a default login
• Automatically make new users follow some seed users, and me

v17

• Larger file uploads
• Fix comment length radial switch

v18

• Followers/following lists are not working properly
  • Lists not fully populated
• Should only be able to tag existing users
• Only allow image files
• Add proper email validation (ValidEmail2 gem)
• Image rotation fixed on upload in preview!
• Likes in post modal are reflected immediately in post index

v19

• Add imagemagick to heroku buildpacks

v20

• New post form upload button:
  • Add margin next to icon
  • Allow clicks to work everywhere on the button
• Fix un-liking from post index

v21 - Current

• Schedule database cleanup every hour

v22 - Next

• Migration to Typescript
• Fix a11y compliance

v23 - Future

• Time for direct messaging!
• Sanitize user input before saving to database.
• Fix avatar preview in user profile.
• Allow bio editing from user profile.