Ashish Makwana

What problem it solves:

A full-stack application that enables users to create, manage, and track job postings with detailed statistics and insights.

Architecture, Performance and Security:

Structured the LLD into three main modules: Users, Jobs, and Admin. It includes Mongoose schema, API versioning from V1, file storage handled by multer, and error handler middleware.

Implemented robust authentication using short-lived access and refresh tokens, secure cookies, and RBAC for admin routes. Integrated security middleware like Helmet, xss-clean, and express-mongo-sanitize to protect against common web attacks.

Used debouncing for search filters to reduce API calls and server load. Pagination setup to avoid excessive memory allocation.

Tech Stack:

React: Unidirectional data flow, diffing algorithm for improved performance and reusable components.

Node.js, Express.js and MongoDB: Create backend architecture using Javascript with Node.js. Minimal and efficient RESTful APIs setup with Express.js. Schema flexibility and scalability with MongoDB; efficient model updates without migration.

Tailwind CSS: Utility classes to directly write inline CSS in components and speed up UI development. Faster shipping as Tailwind automatically removes unused CSS classes during build.

React Query: Caching data from APIs and background refetching to improve performance and user experience.

What problem it solves:

A full-stack application that enables users to create and book property rentals, view booking statistics, profile image update, and write property reviews.

Architecture, Performance and Security:

Structured into modular components of Auth, Rentals, Bookings, and Admin. It includes Prisma schema relationships and Zod validation.

Clerk-based authentication (login/logout) with social logins. RBAC with an admin-only dashboard.

Code splitting with lazy load and suspense. Image optimization with Supabase storage.

Tech Stack:

Next.js: Benefits of React along with full-stack capabilities. Reduces boilerplate setup with in-built App Router, default SSR and advanced cashing. Improved performance and developer experience.

Clerk Authentication: Reliable and secure authentication with features such as token rotation to prevent token theft. Supports multiple sign-in methods. Built-in React hooks to access user session data.

Zustand: Straightforward state management with direct state and actions definition. Quick setup time and ideal for medium-sized applications like this.

Tailwind CSS: Utility classes to directly write inline CSS in components and speed up UI development. Faster shipping as Tailwind automatically removes unused CSS classes during build.