https://github.com/emersonramos3lt/react-social-app
A social media app built with React and Supabase, focused on the developer community.
https://github.com/emersonramos3lt/react-social-app
backend frontend full-stack fullstack html javascript js react react-hooks react-native react-router responsive supabase supabase-auth supabase-js tailwind tailwindcss tsx typescript typescript-react
Last synced: 3 months ago
JSON representation
A social media app built with React and Supabase, focused on the developer community.
- Host: GitHub
- URL: https://github.com/emersonramos3lt/react-social-app
- Owner: emersonramos3lt
- Created: 2025-04-14T14:56:10.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-08T02:22:36.000Z (about 1 year ago)
- Last Synced: 2025-05-08T02:25:01.889Z (about 1 year ago)
- Topics: backend, frontend, full-stack, fullstack, html, javascript, js, react, react-hooks, react-native, react-router, responsive, supabase, supabase-auth, supabase-js, tailwind, tailwindcss, tsx, typescript, typescript-react
- Language: TypeScript
- Homepage: https://react-social-app-git-main-emersons-projects-3adab7a6.vercel.app/
- Size: 350 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **🌐 React Social Media App**
This project is a **React-based social media application** that provides users with an interactive platform to connect, share, and engage through posts and communities. The app features a **responsive and clean design**, built with a focus on **modern UI/UX best practices** for an intuitive user experience across all devices.
## **🔐 Authentication**
- Users can **log in securely via GitHub authentication**.
- Once authenticated, users gain full access to the app's social features.
## **Core Features**
- Create and publish posts.
- Build and manage custom communities.
- Like and comment on any post.
- Reply to other users' comments for seamless discussions.
## **⚙️ Technologies Used**
- **React** for the front-end UI.
- **React Hooks** like `useEffect` and `useState` for efficient state and side-effect management.
- **Mutations** to handle dynamic data changes in real-time.
- **Supabase** as the backend service, managing authentication, database interactions, and API operations.
## **Design Highlights**
- Fully **responsive layout**, optimized for mobile, tablet, and desktop.
- Follows modern **UI/UX principles** with clean, minimal styling for a smooth user experience.
This app blends powerful functionality with a sleek design, providing users with a dynamic and engaging social platform powered by modern web technologies.
## Project Screenshots
