A modern full-stack web application with user authentication, dynamic frontend behavior, and API-driven backend using the PERN stack. Built with responsiveness and real-time utility in mind.
- Clerk-powered user authentication (login/signup/logout)
- Conditional UI: shows "Get Started" or user avatar
- Mobile-first responsive design using Tailwind CSS
- Dynamic components based on auth status
- Built with Node.js + Express
- RESTful APIs for user content/actions
- Middleware for protected routes
- Clerk token verification (auth middleware)
- Supports file/image processing and database operations
| Layer | Tech |
|---|---|
| Frontend | React, Vite, Tailwind CSS, Clerk |
| Backend | Node.js, Express.js, PostgreSQL |
| Auth | Clerk (JWT & frontend SDK) |
| Tools | Git, GitHub, Firebase (if used), Postman, Vercel |
project-root/ │ ├── client/ # Frontend (React) │ ├── src/ │ │ ├── components/ │ │ │ └── AuthButton.jsx │ │ ├── pages/ │ │ │ └── Home.jsx │ │ ├── App.jsx │ │ └── main.jsx │ └── vite.config.js │ ├── server/ # Backend (Express) │ ├── routes/ │ │ └── authRoutes.js │ ├── middlewares/ │ │ └── auth.js │ ├── controllers/ │ ├── index.js │ └── .env │ └── README.md