https://github.com/aggutierrez98/messingapp-client

https://github.com/aggutierrez98/messingapp-client

emoji-picker formik moment react react-modal react-modal-component react-transition-group redux redux-thunk sass socket-io socket-io-client toastify yup yup-validation

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/aggutierrez98/messingapp-client
• Owner: aggutierrez98
• Created: 2021-09-14T00:50:59.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-03-15T14:34:12.000Z (10 months ago)
• Last Synced: 2024-03-15T15:53:15.212Z (10 months ago)
• Topics: emoji-picker, formik, moment, react, react-modal, react-modal-component, react-transition-group, redux, redux-thunk, sass, socket-io, socket-io-client, toastify, yup, yup-validation
• Language: JavaScript
• Homepage: https://messingapp.netlify.app/
• Size: 2.37 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Messing app client

## React SPA imitating the functionalities and styles of Whatsapp-web

### Made with

React, Redux, Redux-thunk, SASS, Socket-io Client, Formik, React toastify & Yup

### Made by: Agustin Gutierrez

### Includes

- User authorization and authentication with JWT

- User email validation and account confirmation via email

- Users avatar image upload to Cloudinary

- Messages filtering and ordering for chat application

- Global React State managment using Redux and Redux-thunk

- Real time messaging connecting to websockets via Socket-io-client

- Real time toast notifications using react-toastify and connecting to websockets via Socket-io-client

- Light/Dark mode using css-variables

- Form validation using Formik and Yup

- Emoji picker for webchatting

## Scripts

```json

"scripts": {

  "start": "react-scripts start",

  "build": "react-scripts build",

  "test": "react-scripts test",

  "eject": "react-scripts eject",

  "start:prod": "npx serve build"

},

```

### Demo

[MessingApp](https://messingapp.netlify.app/)