React Social

Social media website

A social media application/page using a Firebase database wtih OAuth authentication. Made for a React online course.

React Social interface

Tech Stack

ReactReact
FirebaseFirebase
OAuthOAuth

Problem

Needed to understand modern web frameworks through hands-on development of core features.

Solution

Built a basic social media platform with posts, likes and comments using React and Firebase.

Key Features

Create and share posts

Real-time post feed with infinite scroll

Like and comment functionality

Google OAuth authentication

Challenges Overcome

1

Implementing infinite scroll with Firebase pagination

2

Functional state management with React hooks

3

Configuring Firebase security rules

Insights Gained

React hooks simplified complex state management

Firebase enables rapid prototyping of real-time apps

Performance optimization matters even for small apps

Videos & Images

React Social interface

Social media platform with Firebase backend

React Social your posts view

Your Posts view with edit and delete options

React Social create post view

Create Post view

React Social OAuth sign in view

OAuth Sign In view