ShareSpace is a social media app that allows users to share their moments, thoughts, and creativity with others. With features similar to Instagram, users can express themselves, connect with like-minded individuals, and build meaningful relationships.
ShareSpace comes with the following set of features:
- User Authentication: Allow users to sign up and log in to the app to create and manage their profiles.
- Create Posts: Users can create posts containing images, text, and tags to share their moments and creativity with the community.
- Like and Comment: Enable users to like and comment on posts to engage with each other's content.
- Follow/Unfollow: Users can follow/unfollow other users to stay connected with their updates.
- Explore: A dedicated page to discover new posts from other users beyond the ones they follow.
- Edit Profile: Allow users to customize their profile information, including a profile picture and bio.
- Dark Mode: Implement a dark mode option for better user experience in low-light environments.
- Responsive Design: Ensure the app looks great on various devices, including desktops, tablets, and smartphones.
- Frontend:
- React JS
- React Context API + useReducer
- React Router v6
- Styled Components
- Backend:
- Express Js
- Mongodb
- cloudinary
To get started with ShareSpace locally, follow the steps below:
- Node.js (v14.16.0)
- npm (6.14.11)
- Clone the repository:
$ git clone https://github.com/ajinkya6373/shareSpace.git
$ cd shareSpace
- Install dependencies:
$ npm install
- Start the development server:
$ npm start
- Open your web browser and visit:
http://localhost:3000
Feel free to explore ShareSpace, create posts, like and comment on others' content, and engage with the community!
Find the backend code for ShareSpace in the following repository: ShareSpace Backend
Thank you for choosing ShareSpace! If you encounter any issues or have suggestions for improvement, please feel free to contribute or reach out for support.
Happy sharing and connecting on ShareSpace! 🌟