Skip to content

fcasibu/fakegram-react

Repository files navigation

fakegram-react

Instagram clone made with React and Firebase.

This is open to public and anyone can upload any images. If you find anything inappropriate, do send an issue. Thank you

Demo

Live Preview

Features

Account Creation

  • Signup/Signin with an email and password
  • A test account is provided

User

  • User is able to change their profile picture and display name
  • User is able to upload an image with a caption
  • User is able to follow/unfollow another user
  • User is able to delete their own posts
  • User is able to search other users through the search bar

User Post

  • User is able to comment
  • User is able to like/unlike a post

Future Additions

  • Be able to chat with other users
  • Be able to save posts
  • Notifications
  • UI/UX improvements (maybe use tailwind or other frameworks for ui)
  • Add custom fields to users (fullname, bio, etc)
  • Content moderation

Lessons Learned

This is by far the biggest project I've done yet. Using BaaS has taught me the communication between frontend and backend. This is great start for what's coming up next with Node.js. I haven't done any testing on this particular project, but throughout the days, I've always contemplated about it. There's something about it that lets you see from the user's perspective, you test what the user see and what the user interacts with. This is something I should not ignore and will definitely test my projects from now on.

Another thing that I've learned, not so much from this project but from The Odin Project community. It is to stop being stubborn and selfish. Plan out your projects and test your application. Be sure to always take breaks and have fun!

Acknowledgements