Skip to content
/ postyy Public
forked from aminbenz/postyy

a Full Stack fully functional Social Network Website & RealTime chatting + Notifications System with socket io & WebRtc Technology for Video Stream, using Redux & Redux-thunk for async data & state management, User-friendly - fully Responsive able to be pulled up on mobile devices

Notifications You must be signed in to change notification settings

Nemra1/postyy

 
 

Repository files navigation

Postyy a Full Stuck Web Social Network

githubhsowcasepostyy.mp4

Overview


Postyy a Full Stuck Web App for Social Network Postyy a full stack Social Network Web fully functional & RealTime chating + Notifications System with socket io & WebRtc Technology for Video metting made with Javascript ReactJS - Nodejs - Redux & Redux-thunk for async data & state mangment - User friendly - fully Responsive able to be pulled up on mobile devices, uses the React Hooks to make it more efficient & SEO technique
Postyy live Website / YT Trailer


  • build API & Authentication & Google Registration It allows the user to sign-up, and sign for this it use my own API have

  • front-end & Back-end Validation like have unique values for username, and for password to have the minimum characters

  • Mobile Responsive

  • Modren Design comes with a user-friendly interface

  • 3 Themes + customizable

  • AI (AI Conversation Voice : alan ai)

It allows the user to :

  • follow / unfollow
  • Go to Profile/ content moderation
  • Edit User Profile
  • Profile Cover picture
  • Profile Profile picture
  • profile followers & following Management

It allows the user to search for friends with name or city

  • Search Bar Search Users
  • Real Time Messaging & Room system
  • Messenger Page + Chat Box popup
  • RealTime Notification system
  • Video metting
  • Emoji system

It allows the user to upload Post

  • Post Funcunality : add post, read , update, delete and save
  • Post Details Page
  • Photo sharing : supported images, videos
  • like , Dislike and Reactions, Comments..
  • react-router to navigate to diffrent pages and protecting Route
  • Flexible using redux for state mangment

Technologies & Actions

To build this app latest technologies were used, using React hooks and Redux for state management web socket for realtime data & webRtc technologie for Video metting. I am using express to handle routes as well as other middleware for the app's logic, such as routing and validation.


Frontend

  • Reactjs (Context API, React Router , axios)
  • Redux & Redux-thunk
  • Socket io
  • webRtc
  • SCSS
  • socket io
  • AI

Backend

  • Nodejs
  • Expressjs
  • mongoose
  • mongoDB
  • socket io


Postyy comming with 3-themes Postyy

Home Postyy

Upload Post : supportd Images&videos Postyy

Edit Post Popup Postyy

Post Details Postyy

add comment Postyy

Profile / User Account Postyy

Edit account info Postyy

Messenger page Postyy

Login / Register also u can't login & Resgiter from Google account Postyy

Postyy

others

  • Web Name : Postyy
  • Website Type : Social media / Social Network
  • Website Version : BETA
  • Themes : Light & Dark & Dim
  • Fonts : Poppins
  • Responsive : yes
  • Dynamic : Yes
  • Pages : +6
  • Pages : +6
  • PWA : non
  • flexible : Yes
  • Owner : Amin Benz

All libaries

Frontend Backend
Reactjs express
react-router mongoose
Redux bcryptjs
redux-thunk jsonwebtoken
redux-devtools-extension dotenv
axios xss-clean
socket.io-client cors
timeago.js helmet
simple-peer morgan
react-icons passport
react-google-login passport-google-oauth
emoji-mart

Tasks

  • SEO
  • mobile responsive
  • Handle Auth validation
  • Login & register With google
  • PWA Not Supported
  • allowing user to change info Account
  • Protecting routing
  • recommendations
  • activities account
  • video Chat Soon
  • Voice Call

live website : https://postyyy.herokuapp.com/

About

a Full Stack fully functional Social Network Website & RealTime chatting + Notifications System with socket io & WebRtc Technology for Video Stream, using Redux & Redux-thunk for async data & state management, User-friendly - fully Responsive able to be pulled up on mobile devices

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • SCSS 56.8%
  • JavaScript 35.8%
  • HTML 7.4%