React-Based Social & Goals Web App Development

Muhammad Ariz Salman

Completed work

Web Developer

Firebase Authentication

React

Tailwind CSS

Computer Software

🚀 React-Based Social & Goals Web App

A clean and responsive web application built with React.js, allowing users to create posts, explore app features, and manage personal goals through an intuitive calendar interface.

🌐 Live Demo

https://social-media-beta-mauve.vercel.app/

🧩 Key Features

📌 Create & Manage Posts – Users can add, view, and manage posts easily.

🧭 Multiple Routes – Navigate between Home, Create Post, Features, Pricing, FAQs, About, and Goals.

📅 Goals Calendar – A dedicated view to track personal goals.

🎨 Reusable Components – Header and Sidebar available across pages (except Goals page).

⚙️ Context API Integration – PostListProvider handles post state (add/update/delete).

🔐 Firebase Authentication (if integrated) – Secure login & signup.

🌙 Responsive Design – Mobile-friendly UI with potential for dark mode.

🛠 Tech Stack

Frontend: React.js, React Router, Context API

State Management: Context + useReducer

Styling: CSS / Tailwind CSS (optional)

Authentication: Firebase Auth (if applicable)

Calendar: Custom Calendar or third-party plugin

🗂️ Project Structure

social-media/
  - public/
  - src/
    - assets/
    - components/
    - store/
    - App.jsx
    - main.jsx
    - index.css
  - package.json
  - README.md
  - ...

Like this project

Completed work

Posted Jul 14, 2025

A React app to create posts, explore features, and manage goals with calendar view. Clean UI, context API for state, and responsive design.

Likes

Views

Timeline

Jul 11, 2025 - Jul 14, 2025