A social-media platform that lets you upload images and secure them with a personalized encryption. Your assets will always be yours, regardless of who posts it!
- SocioMark is essentially a social media platform that lets users create an account to upload and share images. Every image upload is added to the user's profile and can be shared with other users.
- After uploading the image, the user's unique hash created from their profile is encoded within the image. Users can
verify
an image'scopyright
and see if it matches with the user who uploaded the image. If the verification fails, users can flag an image to take down, protecting the original creator's copyright.
SocioMark is now a Progressive WebApp for better accessibility and user experience. It allows users to install the app directly from the web to their desktops/home screens and provides the native app-like experience.
Being a fully responsive and compatible application, it provides users with the same experience across tablets, mobile devices, and desktops!
- Frontend : ReactJS (JavaScript), Tailwind CSS
- Backend : FastAPI (Python3)
- Database : MongoDB
- Image Processing : OpenCV (Python3)
- Clone the repo
https://github.com/MLH-Fellowship/SocioMark.git
- Navigate to
SocioMark/backend
- Run command to install all the Python (Server) dependencies
pip install -r requirements.txt
- Navigate to
http://localhost:8000/docs
to view the Swagger API end-points - Navigate to
SocioMark/frontend
- Run command to install all the JavaScript (Client) dependencies
npm install
- Run command
npm start
- Navigate to
http://localhost:3000/
- You can check out the CONTRIBUTING.md file in the repo 😄.
- Follower functionality that improves interaction between users and lets users customize their feed pages
- Implement pagination for feed
- Sharing functionality to share images outside of platform
- One of the main challenges we ran into with this project is incorporating the numerous functions required of a social media platform.
- From login and registering authentication to implementing like and comment functionality for posts and even building user profiles, there are many parts to creating a viable social media app, and it took a lot of work to implement everything.
- Additionally, building the encoder required a lot of research and trial and error. Finally, integrating the frontend and the backend of the platform and debugging the full functionality proved to be a challenge as well.