junjason / Facebook_Clone

0 stars 0 forks source link

Overview

A clone of facebook built using ruby on rails for the backend, PostgreSQL for the database, and React for the frontend with Redux state management on the frontend.

👉 Live Demo 👈

Setup

To run, download the demo.

  1. Open up terminal in the root directory
  2. cd into the frontend and run npm install
  3. run npm start from the frontend
  4. cd back to root and run rails s
  5. demo should be available on localhost:3000/

Features Implemented

  1. User Auth
  2. User Profile Page
  3. Posting on each other's walls (CRUD)
  4. Friending
  5. NewsFeed
  6. Search Bar for users

Features to implement later

  1. Comments on posts (CRUD)
  2. Likes on comments and posts
  3. Notifications
  4. Pictures for posts
  5. Messaging using WebSockets and Active Cable

Tech Stack

Notable Highlights

Splash Sign-Up
Picture perfect splash page and sign-up

Search-Bar
Utilizing Search Bar

Home Page & User Profile

Important Code Snippets

  1. Learning to structure jbuilder correctly to manage a normalized redux state for performance and scalability

    • Jbuilder
  2. Friend Request routes/controller

    • Friend-Request-Controller
  3. Search Bar Reducer

    • Search-Bar-Reducer