Shopping Website

Description

A shopping website where you can add items to cart and checkout with stripe

It is deployed here on Vercel: https://realtime-chat-app-frontend.onrender.com/

To start the Express.js backends, cd to the api and socket directory of this app and run npm install then node index.js .

Then cd to the top directory of this app, and run npm install then npm run dev. This will start the React.js frontend.

Features

• Mobile responsive
• Instant messaging and notifications
• Chat rooms
• Messages stored and cached in databases
• Clean user interface with smooth animations using Framer Motion

Screenshots

Login Page

Loading Page

All Chat Page

Single Chat Page

Development

Web Framework

• React
• Express

Tools

• Socket.io
• MondgoDB
• Redis
• GraphQL
• ContextAPI