DEV Community

Sharif Uddin Arnob
Sharif Uddin Arnob

Posted on

HOW I BUILT A FULL STACK WEBSITE (MERN)

I've been working on a project recently that I'm really excited about LoanLink. It's a full-stack web app built to simplify how microloans are requested, reviewed, and managed. The idea is to make things easier for small financial organizations, NGOS, and microloan providers.

Here's what focused on: implemented secure authentication using Firebase (with email/ password and Google login), along with JWT-based authorization to keep user data safe. The app also supports different roles (admin, manager, and borrower) so each user gets the right level of access.

On the frontend, I tried to keep things clean and user-friendly. There's a home page with featured loans, search and filter options, and a fully responsive design that works across devices. I also added dark/light mode because... why not

The dashboard wasa big part of this project. I used React Router to create a unified layout and added small touches like loading states, toast notifications, and dynamic page titles to improve the overall experience.

For features:
-Borrowers can apply for loans, track their applications, and even cancel requests if needed.
-Managers can create and manage loan products, and handle approvals.
-Admins have full control managing users, roles, loans, and monitoring applications.

There's also a demo Stripe integration for handling application fees. Tech-wise,

I used: React (Vite), React Router, React Query, Tailwind CSs, Firebase on the frontend Node.js, Express, MongoDB, and JWT on the backend (deployed with Vercel)

This project really helped me understand how to build a role-based system and manage both frontend and backend efficiently. Would love to hear your thoughts or feedback!

Live

Top comments (0)