How roshanchaudhari4/abhang-chaha works
Abhang Chaha is a tea-shop website with a React storefront and an Express/MongoDB backend. Visitors browse the shop and menu, place an order through UPI checkout, and can submit feedback or contact inquiries. The backend validates and stores orders and form submissions; form submissions also trigger email notifications. The README documents storefront capabilities, while sampled source confirms checkout and contact API calls. Feedback’s backend connection is not directly shown, so that link is marked unverified.
Main entry points: App.js Page composition · variants.js Animation variants · formController.js Form handling · Menu.js Tea menu
Components 24
Storefront
- Page composition
src/App.js - Navigation
src/components/Navbar.js - Hero section
src/components/Hero.js - About section
src/components/About.js - Photo gallery
src/components/Gallery.js - Tea menu
src/components/Menu.js - Footer links
src/components/Footer.js - TeaBot
src/components/TeaBot.js - Animation variants
src/animations/variants.js
Customer interactions
- Feedback form
src/components/Feedback.js - Contact form
src/components/Contact.js
Order placement
- UPI checkout
src/components/Checkout.js
Backend services
- Form endpoints
backend/routes/formRoutes.js - Form handling
backend/controllers/formController.js - Feedback records
backend/models/Feedback.js - Contact records
backend/models/Contact.js - Order endpoints
backend/routes/orderRoutes.js - Order handling
backend/controllers/orderController.js - Order records
backend/models/Order.js - HTTP server
backend/server.js - Database connection
backend/config/db.js
Other components
- Shop visitor
- MongoDB
- Gmail SMTP
Connections 37
- Shop visitor → Page composition: opens
README.md - Page composition → Navigation: renders
src/App.js - Page composition → Hero section: renders
src/App.js - Page composition → About section: renders
src/App.js - Page composition → Photo gallery: renders
src/App.js - Page composition → Tea menu: renders
src/App.js - Page composition → Feedback form: renders
src/App.js - Page composition → Contact form: renders
src/App.js - Page composition → Footer links: renders
src/App.js - Page composition → TeaBot: renders
src/App.js - Shop visitor → Tea menu: browses
README.md - Tea menu → UPI checkout: opens
src/components/Menu.js - Shop visitor → Feedback form: submits
README.md - Shop visitor → Contact form: submits
src/components/Contact.js - Contact form → Form endpoints: posts inquiry
src/components/Contact.js - Feedback form → Form endpoints: posts feedback
- HTTP server → Form endpoints: mounts routes
backend/server.js - Form endpoints → Form handling: dispatches
backend/routes/formRoutes.js - Form handling → Feedback records: saves feedback
backend/controllers/formController.js - Form handling → Contact records: saves inquiry
backend/controllers/formController.js - Form handling → Gmail SMTP: sends notification
backend/controllers/formController.js - Shop visitor → UPI checkout: places order
README.md - UPI checkout → Order endpoints: posts order
src/components/Checkout.js - HTTP server → Order endpoints: mounts routes
backend/server.js - Order endpoints → Order handling: dispatches
backend/routes/orderRoutes.js - Order handling → Order records: reads and writes
backend/controllers/orderController.js - HTTP server → Database connection: connects through
backend/server.js - Database connection → MongoDB: connects
backend/config/db.js - About section → Animation variants: uses variants
src/components/About.js - Photo gallery → Animation variants: uses variants
src/components/Gallery.js - Tea menu → Animation variants: uses variants
src/components/Menu.js - UPI checkout → Animation variants: uses variants
src/components/Checkout.js - Contact form → Animation variants: uses variants
src/components/Contact.js - Feedback form → Animation variants: uses variants
src/components/Feedback.js - Navigation → Animation variants: uses variants
src/components/Navbar.js - Hero section → Animation variants: uses variants
src/components/Hero.js - Footer links → Animation variants: uses variants
src/components/Footer.js