GithubHelp home page GithubHelp logo

ameise8 / zoombook Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ntrix/zoombook

0.0 0.0 0.0 3.48 MB

an App with some feature of Facebook and Zoom

Home Page: zoom-book.vercel.app

JavaScript 69.68% HTML 0.74% CSS 0.09% SCSS 29.49%

zoombook's Introduction

Zoom Book

Zoom and Facebook Video chat

Deploy: Heroku

This is the main app, both parts of Backend and Frontend on one server. These parts can also be used/deployed separately.

Backend only part:

https://github.com/ntrix/ZoomBookBE

Frontend only part:

https://github.com/ntrix/ZoomBookFE

Technologies:

Frontend: Javascript, React, SASS, .. Backend: Nodejs, Express js, MongoDB, Mongoose, .. Others: Docker, Postman, Git, Github, Heroku, ..

Backend

API swagger

https://app.swaggerhub.com/apis/ntrix/ZoomBook/1.0.0#/

Database MongoDB

Schema: Diagramm: app.diagrams.net

Deploy

Heroku

https://zoombook.herokuapp.com/

Frontend UI UX

API & Story book:

  1. Users must log in to see anything except the log in page.
  2. Users can log in using real facebook details (optional, disabled).
  3. Users can send friend requests to others.
  4. A user can accept the friend request to become friends or decline.
  5. Users can create posts and/or can choose upload/post images.
  6. Users can like/react posts.
  7. Users can choose from 7 types of reactions (like, wow, love ..)
  8. Users can comment on posts.
  9. Posts display the post content, author, comments and reactions (likes).
  10. The Posts index page is shown like the real Facebook’s “Timeline” feature: all the recent posts from the current user and his/her friends'.
  11. Users can create Profile without photos: default avatar and cover picture (wallpaper) reserved.
  12. The User homepage contains profile information, avatar and posts.
  13. The Contacts sidebar lists friends.
  14. Any User listed in Contacts sidebar can be clicked to open a (private) chat window.
  15. The Users sidebar lists random users and buttons for sending friend requests.
  16. Users can edit/ update Profile with their own photos: upload avatar and cover picture (wallpaper) possible.
  17. Optional: warning email/notification and/or temporarily disabled ip/account for 24h by 3x/4x wrong passwords.

WIP:

these functions are considered as an extern module using 3rd party API and vuejs (vue from another project)

  1. Users can create a video conference room and share screen.
  2. Notifications broadcast to all/invited friends.
  3. Users can join the created video conference room via posted linked on the timeline post of their friends.

zoombook's People

Contributors

dependabot[bot] avatar ntrix avatar

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.