SkillAgentSearch skills...

Proximity

An Open Source social media that does not use your data against you

Install / Use

/learn @karanpratapsingh/Proximity
About this skill

Quality Score

0/100

Category

Marketing

Supported Platforms

Universal

README

<p align="center"> <a href="https://proximity-mobile.web.app"> <img width="100px" src="https://proximity-mobile.web.app/images/proximity-logo-round.png"> </a> <h1 align="center">Proximity</h1> </p> <p align="center"> <a href="https://proximity-mobile.web.app"> <img width="400px" src="https://proximity-mobile.firebaseapp.com/images/download/banner.png"> </a> <p align="center"> An open source social media that does not use your data against you </p> </p> <p align="center"> <a href="https://apps.apple.com/us/app/proximity-app/id1489041006"> <img width="160px" style="margin: 10px 10px;" src="https://proximity-mobile.firebaseapp.com/images/download/download-app-store.png"> </a> <a href="https://play.google.com/store/apps/details?id=com.proximity.app"> <img width="160px" style="margin: 10px 10px;" src="https://proximity-mobile.firebaseapp.com/images/download/download-google-play.png"> </a> </p> <p align="center"> <a href="https://www.codacy.com/manual/karanpratapsingh/Proximity?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=karanpratapsingh/Proximity&amp;utm_campaign=Badge_Grade"><img src="https://app.codacy.com/project/badge/Grade/a6903376b0b446f79274bd197525a99b"/></a> <img src="https://build.appcenter.ms/v0.1/apps/8277c135-e249-4122-beb3-6bc00b7ec11d/branches/master/badge" /> <img src="https://build.appcenter.ms/v0.1/apps/85fe31ae-1f83-4aa3-a27e-8f2c762bec9e/branches/master/badge" /> <img src="https://img.shields.io/badge/License-GPLv3-blue.svg" /> <img src="https://img.shields.io/twitter/follow/karan_6864.svg?style=social" /> <img src="https://badges.frapsoft.com/os/v1/open-source.svg?v=103" /> </p> <br />

:star: Inspiration:

Recently I was getting a lot into System Design and scalability stuff so I thought about implementing the classic social media.

Hence, I decided to design and implement Proximity an open-source social media as a hobby project in my free time.

I decided to open source it because newcomers to React Native might find it helpful

PS. UI is Heavily inspired by Instagram as I'm not a designer 🤪, The code is not perfect but I'm still improving it 😄

Please leave a :star: as motivation if you liked the idea :smile:

<br /> <p> <img align="left" width="90px" style="margin: 0px 20px 0px 0px;" src="https://proximity-mobile.web.app/images/proximity-logo-round.png"> <p style="margin: 0"> Built and maintained with 🌮 by <a href="https://karanpratapsingh.com">Karan</a> </p> <p style="margin: 0px 10px;"> <a href="mailto:karan.pratapsingh686@gmail.com">💼 Hire Me</a> | <a href="https://www.paypal.me/karanpratapsingh">🍺 Donate</a> </p> </p> <br />

:rocket: Technologies Used

<br />

<img width="54px" style="margin: 10px 12px;" src="https://proximity-mobile.web.app/images/technologies/typescript-logo.png"><img width="64px" style="margin: 10px 12px;" src="https://proximity-mobile.web.app/images/technologies/react-logo.png"><img width="54px" style="margin: 10px 12px;" src="https://proximity-mobile.web.app/images/technologies/nodejs-logo.png"><img width="60px" style="margin: 10px 12px;" src="https://proximity-mobile.web.app/images/technologies/apollo-logo.png"><img width="60px" style="margin: 10px 12px;" src="https://proximity-mobile.web.app/images/technologies/graphql-logo.png"><img width="44px" style="margin: 10px 12px;" src="https://proximity-mobile.web.app/images/technologies/prisma-logo.png"><img width="44px" style="margin: 10px 12px;" src="https://proximity-mobile.web.app/images/technologies/firebase-logo.png"><img width="50px" style="margin: 10px 12px;" src="https://proximity-mobile.web.app/images/technologies/app-center-logo.png"><img width="60px" style="margin: 10px 12px;" src="https://proximity-mobile.web.app/images/technologies/heroku-logo.png"> <br/> <br />

:zap: Features

  • Home Feed :newspaper:
  • Explore Feed :scroll:
  • Messaging :speech_balloon:
  • User Search :mag:
  • Post Upload :sunrise_over_mountains:
  • Push Notifications :fire:
  • Password less signin :smile:
  • Dark Mode :waxing_crescent_moon:
  • Block users :no_good:
  • Report post :triangular_flag_on_post:
  • Stories (coming soon) TBD

:paperclip: Notes: I used this Boilerplate which is also maintained by me, it is very scalable, try it out for your next project :smile:

Also, If you're interested in how I implemented the system design then feel free to reach out to me on twitter or instagram (i'm most active on twitter).

:factory: Architecture:

Proximity-System-Design

For GraphQL schema please take a look at app/graphql/schema/schema.graphql <br />

:iphone: Screenshots

<img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-1-Light.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-2-Light.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-3-Light.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-4-Light.png">

<img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-5-Light.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-6-Light.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-7-Light.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-8-Light.png">

<img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-9-Light.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-10-Light.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Light/screenshot-11-Light.png">

<img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-1-Dark.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-2-Dark.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-3-Dark.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-4-Dark.png">

<img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-5-Dark.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-6-Dark.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-7-Dark.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-8-Dark.png">

<img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-9-Dark.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-10-Dark.png"><img width="205px" src="https://proximity-mobile.web.app/images/screenshots/Dark/screenshot-11-Dark.png"> <br />

:running: Running the project

To run the project just use the following

  • Android
yarn && yarn android
  • iOS
yarn && yarn cocoapods && yarn ios

Note: It is recommended to use yarn if you want to run this project as npm skips few dependencies. I am not sure why but this reported by many developers and fixed when they switched to yarn.

But if the issue persists feel free to open an issue and I'll assist you with running the app.

:raised_hands: Contributing:

Want to contribute to this project? Contributions are now open for bug fixes.

:lock_with_ink_pen: License

View on GitHub
GitHub Stars361
CategoryMarketing
Updated1mo ago
Forks73

Languages

TypeScript

Security Score

95/100

Audited on Feb 13, 2026

No findings