Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vikasipar/social-media-app
ezgram: a social media app - login, post content, like, comment 💥.
https://github.com/vikasipar/social-media-app
firebase reactjs recoil tailwindcss
Last synced: 7 days ago
JSON representation
ezgram: a social media app - login, post content, like, comment 💥.
- Host: GitHub
- URL: https://github.com/vikasipar/social-media-app
- Owner: vikasipar
- Created: 2024-01-18T08:55:08.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-02-09T17:34:05.000Z (9 months ago)
- Last Synced: 2024-02-09T18:40:47.988Z (9 months ago)
- Topics: firebase, reactjs, recoil, tailwindcss
- Language: JavaScript
- Homepage: https://ezgram.vercel.app
- Size: 180 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
  ezgram - A Social Media App
#### [ 👉 view site](https://ezgram.vercel.app/)
### Overview
This Social Media App is a dynamic platform built using React.js, Recoil, Tailwind CSS, Firebase, and Random User API. It facilitates a vibrant social experience with features such as user authentication, posting content, liking, commenting, friend suggestions, and viewing stories.
### Motivation
The motivation behind this Social Media App project was to delve into the world of modern web development, applying technologies like React.js, Recoil, and Firebase to create a feature-rich and responsive social platform. As a fresh developer, the project serves as an immersive learning experience, allowing me to gain hands-on knowledge in frontend development, state management, database connection, and API integration.
### Why I Built the Project This Way
- Integrated Firebase for secure user authentication, ensuring a protected and reliable user access experience.
- Implemented a range of features such as posts, likes, comments, friend suggestions, and stories for a comprehensive social interaction platform.
- Utilized Recoil for efficient state management, providing a smooth and reactive user interface.
### Features
- **Secure User Authentication:**
- Integrated Firebase for secure user authentication, allowing users to access the application's features with confidence.
- **Interactive User Features:**
- Implemented features like adding posts, liking, commenting, and viewing stories for a dynamic and engaging user experience.
- **Sophisticated Search Functionality:**
- Developed a sophisticated search functionality, enabling users to effortlessly discover and connect with other accounts.
- **Efficient Data Management:**
- Established a connection to Firebase for efficient data management, storing posts, images, and like counts seamlessly.
### Technologies Used
- **React.js:** A powerful JavaScript library for building user interfaces.
- **Recoil:** State management library for React applications, ensuring efficient and reactive data handling. [Read more](https://medium.com/@vikasipar/exploring-recoil-simplifying-state-management-in-react-projects-b19adbe3445b).
- **Tailwind CSS:** A highly customizable CSS framework for modern and responsive UIs.
- **Firebase:** A comprehensive platform for building web and mobile applications, providing authentication, real-time database, and cloud functions.
- **Random User API:** An external API used for fetching random user data, enhancing the social experience.
### Getting Started
1. Clone the repository:
```bash
git clone https://github.com/vikasipar/social-media-app.git
```
2. Install dependencies:
```bash
npm install
```
3. Set up Firebase credentials.
### Running the App
```bash
npm run dev
```
Open [http://localhost:5173](http://localhost:5173) in your browser.
### Future Enhancements
- Add story functionality.
- Direct messaging functionality.
- Enhanced user profiles with additional customization options.
### Screenshots
 Â
 Â
 Â
