https://github.com/bajajcodes/3on3social
3on3 Social is an social media app for people who desire to be 3/3 on life fundamentals, Intelligence, Strength and Social Skills.
https://github.com/bajajcodes/3on3social
Last synced: about 2 months ago
JSON representation
3on3 Social is an social media app for people who desire to be 3/3 on life fundamentals, Intelligence, Strength and Social Skills.
- Host: GitHub
- URL: https://github.com/bajajcodes/3on3social
- Owner: bajajcodes
- Created: 2022-05-29T14:21:06.000Z (almost 3 years ago)
- Default Branch: dev
- Last Pushed: 2022-06-14T13:21:06.000Z (almost 3 years ago)
- Last Synced: 2025-02-14T01:38:10.847Z (3 months ago)
- Language: JavaScript
- Homepage: https://3on3social.netlify.app
- Size: 1.76 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3on3 Social
3on3 Social is an social media app for people who desire to be 3/3 in life.(Intelligence, Strength and Social Skills)
## Tech Used
- Application: React
- State Management: Redux Toolkit
- Routing: React Router v6
- Firebase: Authentication, Database, and Storage
- CSS: Tailwind
- Testing: `Yet To Be Done`
## Packages Used
- react-toastify: to show toast text for actions completion
- emoji-picker-react: to pick emojis for post
## Features
- Authentication
- Sign-up
- Login
- Logout
- Create a Post
- Upload Images
- Emoji
- Like
- Comment & Replies
- Edit & Delete Post
- Explore Feed
- Sort by Trending, Hot, Newest and Oldest
- User Profile
- Add Profile Picture
- Bio
- Portfolio URL
- Follow/Unfollow
- User Feed
- Bookmark Post
- Responsive
## Video Preview
https://user-images.githubusercontent.com/29247011/173555395-2f917d03-9a35-45b5-8369-6c09d69722bf.mp4
https://user-images.githubusercontent.com/29247011/173555369-dfccc51a-384a-4edd-a4c1-d3708862647c.mp4
## Get App From Here
[3on3 Social](https://3on3social.netlify.app/)
## How to run app locally
- Clone the repository
- On Terminal change directory to `3on3 Social` directory.
- Add .env file to the root directory
- Place all your app related keys from the created firebase project and place it in the .env as below
```
REACT_APP_API_KEY=
REACT_APP_AUTH_DOMAIN=
REACT_APP_PROJECT_ID=
REACT_APP_STORAGE_BUCKET=
REACT_APP_MESSAGING_SENDER_ID=
REACT_APP_APP_ID=
```
- Type npm start and hit enter.
- Project is running locally.
## Contribution
- For folder naming convention follow camelCase naming
convention.
- For components and pages follow PascalCase naming
convention for files.
- For javascript code follow camelCase naming convention.
- For components and pages create file with jsx extension type, and
if code repeats more than twice break code into hooks for modularity.
- For rest, except css use camelCase convention.