InstaFriends - What would it look like if Frineds creators had an instagram app?

Media app for connecting with friends - inspired by Instagram app and the great sitcom Friends.

What is does?

The app have the abbility to:

• Newsfeed tab:
  See posts of accounts that the you follow.
• People you may know:
  Add more accounts to follow in the "people you may know" section. The account you choose to follow adding to the followed accounts list and you get more new people you may know.
• Explore tab:
  watch and explore posts of users you follow and users you not follow.
• Profile tab:
  of every one you want - just click on his name(or your name to go to your profile)
• Like / Comment / Save - posts -
  In the newsfeed tab or in comment view.
• Add post:
  with location, text and picture.
• Multyply Users to choose from:
  The logged in User comes from the backend and stay on the store.

The motivation and achedule

The project was program by me as a '10 days task' during a fullstack programing bootcamp. I did not perform any major changes(only some minor css changes) in the project since i end the 10 days. The project is not perfect and ready - its for learning porpuse. It was an adventure and great experience to deal with this challenge.

What i used for building the app?

• node.JS - Server side
  
• vue.JS with vuex state management and Vite dev environment. - Client side
  
• MongoDB Atlas Database - database.
• Render - deploy and host for the site.
• Socket.IO package - for real time changes.
• Link to live project: https://instafriends.onrender.com
• Link to Server side repository: https://github.com/nim2rod/Insta-backend

friends-readme_CYFeAYKH.mp4

WhatsApp.Video.2022-12-23.at.18.36.20.1.mp4

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build