AquaSense π
Link: https://aquasense-f0cl.onrender.com
AquaSense is a full-stack web application built with MERN Stack (MongoDB, Express, React, Node.js) and styled using TailwindCSS + DaisyUI. It is deployed live on Render π AquaSense Live Demo
π Tech Stack Frontend
βοΈ React 19 β UI Library
π React Router DOM β Routing
π₯ React Hot Toast β Notifications
π¨ Tailwind CSS 4 β Utility-first styling
π¨ DaisyUI β Tailwind component library
π¦ Axios β API handling
π TanStack React Query β Data fetching & caching
π¨ Lucide React β Icons
β‘ Vite β Fast build tool
Backend
π’ Node.js + Express 5 β Server framework
π bcryptjs β Password hashing
πͺ cookie-parser β Cookie handling
π jsonwebtoken β Authentication & JWT
π CORS β Cross-origin support
βοΈ dotenv β Environment variables
ποΈ Mongoose 8 β MongoDB ODM
π Project Structure aquasense/ β βββ backend/ # Express + MongoDB backend β βββ src/ β β βββ server.js β βββ package.json β βββ frontend/ # React + Vite frontend β βββ src/ β βββ package.json β βββ README.md