Code Monkey home page Code Monkey logo

scisbo / messenger Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yashrajillusion/messanger

0.0 0.0 0.0 394 KB

A Chatting app build on React and Redux with socket.io for real time chatting as MERN project you can make a gruop chat as well Login and sigup authenicate with bcrypt and json web token and complete chat is saved on Mongodb

Home Page: https://messanger-beryl.vercel.app/

License: MIT License

JavaScript 85.05% CSS 10.91% HTML 4.02% Procfile 0.03%

messenger's Introduction

Messanger

A Chatting app build on React and Redux with socket.io for real time chatting as MERN project you can make a gruop chat as well Login and sigup authenicate with bcrypt and json web token live socket single chat group chat sending notification , profile upload and awesome UI/UX storing the chat on mongoDB complete schema using Mongoose

And to make unidirectional i used Redux for making any api call and state management as well

Registration Page

User can add their profile picture and all the state and fetching is handle by redux

Screenshot (96)

If user want to login they can click on Already have on accound

Screenshot (97)

Homepage

user can serch any member in input box

Screenshot (88)

Search feature with regex

Screenshot (91)

Chatting Page

user can send emoji as well by hitting enter or a send button

Screenshot (101)

Emojy box

Screenshot (98)

When user chatting with different user then I am sending a notification

Screenshot (100)

Group Chat

Screenshot (89)

Create Group

User can make a group by just clicking on a option of new group in left side navbar

Screenshot (92)

User can search member in this box as well

Screenshot (94)

If user wan't to add he have to click or wan't to remove they can by clicking on cross sign

Screenshot (95)

messenger's People

Contributors

yashrajillusion 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.