This is the frontend user interface for a social media platform built using React and modern tools like Vite, React Query, and WebSockets for real-time notifications. This project interacts with a backend API app called sos52-api to handle data management. It includes essential social media features such as creating posts, managing user profiles, liking posts and comments, following users, and real-time interactions using WebSockets.
This project was developed as part of my learning journey from the book "Rockstar Developer 2025".
- Create Posts: Users can create posts.
- User Profiles: Manage and view profiles with user-specific data.
- Post Likes & Comments: Like posts, leave comments, and like individual comments.
- Follow Users: Follow/unfollow other users.
- Real-Time Notifications: Receive real-time notifications for activities like new followers, comments, and likes using WebSockets.
- Responsive Design: Mobile-first design that works across all device sizes.
- React (UI library)
- React Query (Data fetching and state management)
- React Router (Client-side routing)
- Emotion (CSS-in-JS for styling)
- Material UI (Prebuilt components)
- WebSockets (Real-time notifications)
- Vite (Development server and build tool)
- Clone the repository.
- Install the dependencies using
npm installornpm i. - Run the app using
npm run dev.