Code Monkey home page Code Monkey logo

v-media's Introduction

V-Media: A Social Network

This is a code repository for a social network website for any group of people who wants to share their views and interests with others. The site is currently hosted here.

Table of Contents

Current Features

  • Users are able to post text along with images
  • Users can like and post comments on posts
  • Users can maintain their personal to-do list while surfing the site
  • Users can able to chat with each other using Direct Messages
  • Users can also create chating groups for sending messages
  • Users are also able to see which users are currently active
  • Both posting and messaging are made real-time using Socket Io
  • Done Authentication using Google Authentication

Frameworks and Tools

Frontend

  • ReactJs - Trending Js Framework for Single Page Websites ๐Ÿ˜€
  • React Router - Handles URL routing effortlessly ๐Ÿค”
  • React Redux - Handles the Storage Issues efficiently ๐Ÿ˜Ž
  • Material UI - Awesome UI framework for web apps ๐Ÿ˜
  • Apollo Boost - Frontend GraphQL client ๐Ÿ˜ฅ

Backend

  • NodeJs - Evented I/O for the backend ๐Ÿ˜€
  • ExpressJs - Fast NodeJs network app framework ๐Ÿ˜€
  • MongooseJs - MongoDB framework for NodeJs ๐Ÿ˜€
  • Graph QL - Reduces network usage by alot ๐Ÿคฉ
  • Typescript - Better to stick with Trends ๐Ÿ˜‹

Others

  • Socket IO - Provides real-time communication ๐Ÿคฏ
  • MongoDB - Amazing NO-SQL Database ๐Ÿ˜ค
  • Firebase - Better to store images here ๐Ÿ˜†
  • Vs Code - Awesome code editor ๐Ÿ˜
  • Heroku - Free Website Deployment ๐Ÿ™‚

Screenshots

  • Post Feed

Post Feed

  • Personal To Do List

To Do List

  • Direct Messaging

Direct Messaging

  • Group Messaging

Group Messaging

Future Considerations

  • Multiple types of likes can be added
  • Post filtering can be done according to one's interests
  • Various UI components can be optimized
  • Team creation can be integrated to be used as a Company's Social Network

Issues

  • A lot of optimization can be done with the API requests and data storage
  • Error Handling needs to be revamped

And of course, V-Media is an open source project with a public repository on GitHub, anyone can contribute.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.