GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → aseerkt → apollo-instagram-clone

aseerkt / apollo-instagram-clone

Licence: MIT license
Apollogram | A place where you could share photos, like media, and follow peoples.

Programming Languages

typescript
32286 projects

Labels

reactinstagramsocial-mediapostgresqlapollographqlcloudinaryjsonwebtokentypeormapollo-upload-clienttailwindcssgraphql-uploadtype-graphql

Projects that are alternatives of or similar to apollo-instagram-clone

Socialmanagertools Igbot
🤖 📷 Instagram Bot made with love and nodejs
Stars: ✭ 699 (+2812.5%)
Mutual labels:  instagram, social-media
Nallagram
Nallagram is an open source social networking platform where users can share their views on various topics and interact among people in which they create, share, and/or exchange information and ideas in virtual communities and networks.
Stars: ✭ 30 (+25%)
Mutual labels:  instagram, social-media
Spam Bot 3000
Social media research and promotion, semi-autonomous CLI bot
Stars: ✭ 79 (+229.17%)
Mutual labels:  instagram, social-media
DaProfiler
DaProfiler allows you to create a profile on your target based in France only. The particularity of this program is its ability to find the e-mail addresses your target.
Stars: ✭ 58 (+141.67%)
Mutual labels:  instagram, social-media
tails
CLI for generating TypeGraphQL + TypeORM backend code
Stars: ✭ 22 (-8.33%)
Mutual labels:  typeorm, type-graphql
social-media-profiler
Find information from Twitter, Instagram, LinkedIn and Google Search about a person.
Stars: ✭ 34 (+41.67%)
Mutual labels:  instagram, social-media
Intrinsic Image Popularity
The pytorch code of the paper "Intrinsic Image Popularity Assessment"
Stars: ✭ 179 (+645.83%)
Mutual labels:  instagram, social-media
Prime
✨Open Source GraphQL CMS
Stars: ✭ 1,675 (+6879.17%)
Mutual labels:  typeorm, type-graphql
Whizzz-The-ChatApp
Whizzz is a real-time, one-to-one Android chat application made using Firebase, a beautiful user interface, and a push-notification feature.
Stars: ✭ 66 (+175%)
Mutual labels:  instagram, social-media
Social-Media-Automation
Automate social media because you don't have to be active on all of them😉. Best way to be active on all social media without actually being active on them. 😃
Stars: ✭ 186 (+675%)
Mutual labels:  instagram, social-media
Flutter-Photoarc-app
(Full-stack) Fully functional social media app (Instagram clone) written in flutter and dart with backend node.js and Postgres SQL.
Stars: ✭ 38 (+58.33%)
Mutual labels:  instagram, social-media
InstaCrawlR
Crawl public Instagram data using R scripts without API access token. See InstaCrawlR Instructions.pdf
Stars: ✭ 108 (+350%)
Mutual labels:  instagram, social-media
graphscript
A GraphQL Boilerplate with Typescript and TypeORM ⚡
Stars: ✭ 27 (+12.5%)
Mutual labels:  jsonwebtoken, typeorm
Social-Media-Monitor
Automatically monitor and log fan counters from social media(Facebook Pages, Twitter, Instagram, YouTube, Google+, OneSignal, Alexa) using APIs to Google Spreadsheet. Very useful for website admins and social media managers.
Stars: ✭ 36 (+50%)
Mutual labels:  instagram, social-media
gobarber-api-gostack11
API GoBarber / NodeJS / Express / Typescript / SOLID
Stars: ✭ 39 (+62.5%)
Mutual labels:  jsonwebtoken, typeorm
Instagram
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Instagram Using React
Stars: ✭ 109 (+354.17%)
Mutual labels:  instagram, tailwindcss
typegraphql-relay
Relay-compliant GraphQL server using TypeGraphQL and TypeORM boilerplate.
Stars: ✭ 55 (+129.17%)
Mutual labels:  typeorm, type-graphql
SocialApp-React-Native
Social Networking mobile app similar to Instagram in React Native.
Stars: ✭ 79 (+229.17%)
Mutual labels:  instagram, social-media
microsocial
Microsocial is an experimental social platform that takes a peer-to-peer approach to social media.
Stars: ✭ 21 (-12.5%)
Mutual labels:  social-media, tailwindcss
Hashtag-Wall-Server
Hashtag wall that displays posts from social media
Stars: ✭ 33 (+37.5%)
Mutual labels:  instagram, social-media
View All Similar Projects ➔

Apollogram

Instagram Clone | Social Media Application

Web UI Mobile UI
web-screenshot mobile-screenshot

Stacks Used

Frontend Backend
React GraphQL + Express
TailwindCSS TypeORM, PostgreSQL
Apollo Client Apollo Server

Get Started

Prerequisites

  • node v^14.5
  • yarn v^1.22.5 - required for file upload feature to work on backend
  • git - version control
  • PostgreSQL - Database
  • Cloudinary Account

Installing

  • Clone the repo - git clone https://github.com/aseerkt/apollo-instagram-clone.git
Setting up backend
  • Go to server folder - cd server
  • Install dependencies - yarn
  • Make sure PostgreSQL and Redis/MongoDB databases are ready for connection.
  • Create .env file with the command cp .env.exmaple .env and fill in necessary fields
  • Provide your PostgreSQL connection config in ormconfig.js
  • Start the development server - yarn dev
  • Go to url http://localhost:5000/graphql for GraphQL playground.
  • Seed the db with mock data if needed. yarn seed
Setting up frontend
  • Go to client folder - cd client
  • Install dependencies - yarn
  • cp .env.example .env and fill the fields in the file .env
  • Start the react development server - yarn start
  • Go to url http://localhost:3000

Roadmap

  • JWT cookie based authentication
  • Upload images to cloudinary
  • Add, like or unlike post
  • Comment on post
  • Edit Profile Photo with Image Crop
  • Edit Profile Credentials
  • Post pagination
  • Edit / Delete post
  • Follow / Unfollow Feature
  • Follow Suggestions
  • Post Feed based on followings
  • Hashtag support
  • Smiley support for caption and comments
  • Mention poeples in caption and comments
  • Notifications

Authors

License

  • This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].