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