SOCIAL MEDIA APP - project by Varun and Pavan

AttainU
AttainU

SOCIAL MEDIA APP

GitHub Link | Live Project Link

Description:
Social media is an interactive computer-mediated technology that facilitates the creation or sharing of information, ideas, career interests and other forms of expression via virtual communities and networks.
Motivation: we wanted to build an app which allows you to reach people locally, regionally, nationally and even internationally. To provide a platform where people can connect with other people around the world. To share their thoughts and get to know other cultures around the world.

Technologies used:
Frontend technologies:

  1. HTML:  Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser
  2. CSS: Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript
  3. Reactjs: React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.
  4. Bootstrap: Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components
  5. Material UI: Material-UI is an open-source project that features React components that implement Google's Material Design.

Backend technologies:

  1. Node.js: Node.js is an open-source, cross-platform, JavaScript runtime environment that executes JavaScript code outside of a web browser
  2. Express.js: Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.

Database:
MongoDB (mongoose) :MongoDB is a cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with schema. Mongoose is an Object Data Modeling (ODM) library for MongoDB and Node. js. It manages relationships between data, provides schema validation, and is used to translate between objects in code and the representation of those objects in MongoDB.

Features:

  1. Signup and Login
  2. Create a profile.
  3. Edit profile(Change Name, Profile picture, Self details, cover picture).
  4. Share posts(Photos, Text posts).
  5. Comment and Like on Posts.
  6. Search other people's profiles
  7. Follow/unfollow other users.
  8. Reset password via email.

Improvements:

  1. UI can be improved. 
  2. Responsiveness of the app can be improved.
  3. The personal chat feature can be added.
  4. User stories feature can be added.

 DEMO :