bhavanas-jpg/socio-sphere

SocioSphere is social media application , where you can connect, share, and engage in a vibrant social network.

JavaScript

SocioSphere

SocioSphere : Connect, share, and engage in a vibrant social network.

How to install and run locally?

$ git clone https://github.com/bhavanas-jpg/socio-sphere.git
$ cd socio-sphere
$ npm install
$ npm start

Pages and Features -

Home Page

Posts of users you follow
User Suggestions
- Follow users
Like/ Unlike a Post
Add/ Remove bookmark on a post
Comment on a post
Create/ Edit post with Image and Emoji Upload
Delete Own posts
Share post link
Sort posts based on Latest/ Trending / Oldest.
Infinite Scroll

Explore Page

All Posts from latest to oldest
Infinite Scoll

Bookmarks Page

User Bookmarked posts list
- Remove from Bookmarks
- Like / Comment

Profile Page

Edit Own Profile with Image Upload
Can choose from Avatar options also
Follow/ Unfollow users.
List of all posts posted by user

Single Post Page

Like/Unlike post
Add/ Remove bookmark on a post
Comment on a post
Share post link
Edit/ Delete posts
Liked By Users List
Comments list
Edit/Delete own comments

Other Features

Authentication
- Login
- Signup
404 Error Page
Theme
Toasts
Loaders
Responsive

Built with -

React JS
Redux
React Router v6
Vanilla CSS
mockBee for backend
React Icons
React Hot Toast

Contributing -

Contributions are welcome! If you'd like to contribute to the project, please follow these steps:

Fork the repository.
Create a new branch for your feature/bug fix: git checkout -b feature/your-feature.
Make your changes and commit them: git commit -m "Add your feature".
Push to the branch: git push origin feature/your-feature.
Submit a pull request.

Contact -

For any inquiries or feedback, please email at s148bhavana@gmail.com