https://github.com/fatima-sami55/socialape
A full-stack social media web app where users can post "screams," like and comment in real-time. Built with React, Redux, and Firebase, featuring secure authentication and profile management. Responsive design, live updates, and user-friendly UI make it fast, modern, and interactive.
https://github.com/fatima-sami55/socialape
axios-react express-js firebase javascript material-ui node-js react-router reactjs redux
Last synced: 3 months ago
JSON representation
A full-stack social media web app where users can post "screams," like and comment in real-time. Built with React, Redux, and Firebase, featuring secure authentication and profile management. Responsive design, live updates, and user-friendly UI make it fast, modern, and interactive.
- Host: GitHub
- URL: https://github.com/fatima-sami55/socialape
- Owner: fatima-Sami55
- Created: 2021-10-14T15:39:09.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2025-07-11T10:41:22.000Z (12 months ago)
- Last Synced: 2026-04-05T22:37:08.550Z (3 months ago)
- Topics: axios-react, express-js, firebase, javascript, material-ui, node-js, react-router, reactjs, redux
- Language: JavaScript
- Homepage: https://socialape-coral.vercel.app
- Size: 418 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🐵 SocialApe
============
A full-stack social media platform built with **React** frontend and **Firebase** backend (Firestore + Cloud Functions).
📦 Tech Stack
-------------
* **Frontend:** React.js, Redux, Material-UI, Axios
* **Backend:** Firebase (Firestore, Cloud Functions, Auth)
* **Deployment:** Vercel (Frontend), Firebase Hosting (Functions)
🚀 Features
-----------
* User signup / login / logout
* Create and delete screams (posts)
* Comment on screams
* Like / Unlike screams
* Upload profile image
* Live UI updates without refreshing
🔧 Setup Instructions
---------------------
### 1\. Clone the repo
git clone https://github.com/fatima-Sami55/SocialApe
### 2\. Install dependencies
npm install
### 3\. Configure environment
Create a `.env` file with your Firebase config:
REACT_APP_API_URL=https://your-backend-url.cloudfunctions.net/api
### 4\. Start the dev server
npm start
### 5\. Build for production
npm run build
🌐 Deployment
-------------
**Frontend:** Deploy on [Vercel](https://socialape-coral.vercel.app/).
**Backend:** Deploy Firebase functions using:
firebase deploy --only functions