Frontend systems
Responsive React and Next.js interfaces with component boundaries, predictable states, and clean visual hierarchy.
Open to full-stack web roles
Full-Stack Web Developer
MD. ASIF RAYHAN JOY
I build clean web products from polished interfaces to API routes, authentication, data models, integrations, and deployment-ready presentation.
Focused on React, Next.js, Node.js, TypeScript, MongoDB, PostgreSQL, Prisma, Tailwind CSS, and practical full-stack delivery.
Satkhira, Khulna, Bangladeshamsiimf06@gmail.com
portfolio.tsx
Current focus
Full-Stack Web Developer
Building full-stack products with practical architecture, clean UI, authentication, data models, and API boundaries.
2
Selected full-stack builds
7+
Core technologies
API
Backend-first thinking
BD
Remote-ready from Bangladesh
Stack map
ClientReact / Next.js / Tailwind
ServerNode.js / API Routes / Auth
DataPrisma / PostgreSQL / MongoDB
Core technologies
Next.js
React
TypeScript
JavaScript
Node.js
Express.js
MongoDB
PostgreSQL
Prisma
Tailwind CSS
JWT
Stripe
Docker
Redis
Next.js
React
TypeScript
JavaScript
Node.js
Express.js
MongoDB
PostgreSQL
Prisma
Tailwind CSS
JWT
Stripe
Docker
Redis
About
Practical full-stack development with a polished product finish.
A portfolio built around real project work, honest skill levels, and a clear path from frontend experience to backend behavior.
Full-Stack Web Developer experienced in building modern, responsive and scalable web applications. Hands-on experience with React.js, Next.js, JavaScript, TypeScript, Node.js, Express.js, REST APIs, databases, authentication, microservices and deployment.
Experienced in both independent development and collaborative team projects across e-commerce, healthcare, rental, and service-oriented applications. I focus on reliable product delivery, clear API boundaries, and practical frontend-to-backend implementation.
Responsive frontend development
API and backend implementation
Authentication and access control
Database modeling and queries
Typed application structure
Deployment-ready presentation
Backend foundations
Node.js APIs, authentication flows, validation, and data access shaped for readable application behavior.
Product delivery
Practical execution across UI, API, database, integrations, deployment, and review-ready project presentation.
Selected Work
Full-stack projects with clear architecture and review-ready detail.
Each case study is grounded in your actual repositories, stack, and project boundaries.
Commerce System
Catalog
Orders
Users
API
API Flow
Client
REST
Prisma
MongoDB
Commerce Platform
E-Commerce
A full-stack commerce build with a separate Next.js frontend, Node.js REST API backend, MongoDB, Prisma, TypeScript, JavaScript, and Tailwind CSS.
Frontend and backend kept in separate repositories
REST API boundary between UI and server behavior
MongoDB and Prisma included in the project stack
React.jsNext.jsNode.jsTypeScriptJavaScriptMongoDBPrismaTailwind CSSREST API
Product App
Auth
Stripe
API
Data Layer
Productivity Tool
Invoice Generator
Built an invoice generation application with a modern responsive interface for creating and managing professional invoices using reusable components and streamlined data handling workflows.
Modern responsive interface for invoice creation and management
Reusable form and UI components for smoother operations
Focused on user-friendly workflows and clean data handling
Next.jsReactTypeScriptJavaScriptTailwind CSSForm HandlingReusable ComponentsResponsive UI
Product App
Auth
Stripe
API
Data Layer
Personal Project
Rentful
Independently developed a rental-focused web application using Next.js. The project demonstrates modern frontend architecture, reusable components, routing, UI development and application structure. GitHub repository available on the developer profile.
Modern frontend architecture with reusable components
Routing and UI development for a rental-focused web app
Clean application structure built as an independent project
Next.jsReactTypeScriptTailwind CSSRoutingReusable ComponentsUI DevelopmentFrontend Architecture
Product App
Auth
Stripe
API
Data Layer
Healthcare Platform
PH Healthcare
A full-stack blood donation management app built with Next.js, React, TypeScript, MongoDB, Prisma, Better Auth, Tailwind CSS, Server Actions, and API Routes.
Donor search and blood request workflows are represented in the app
Dashboard areas exist for donor, agent, and admin workflows
Prisma models cover donors, requests, hospitals, notifications, and donation history
Next.jsReactTypeScriptMongoDBPrismaBetter AuthTailwind CSSServer ActionsAPI Routes
Case Study
E-Commerce
A full-stack commerce build with a separate Next.js frontend, Node.js REST API backend, MongoDB, Prisma, TypeScript, JavaScript, and Tailwind CSS.
Scope
A commerce system with dedicated frontend and backend repositories, keeping the public story tied to the available source and verified stack.
System shape
React and Next.js handle the client experience while Node.js exposes REST endpoints. MongoDB and Prisma are represented in the persistence layer.
Engineering focus
The interview angle is the separation of UI, API, and data responsibilities, plus explaining how each layer communicates.
Case Study
Invoice Generator
Built an invoice generation application with a modern responsive interface for creating and managing professional invoices using reusable components and streamlined data handling workflows.
Scope
A focused productivity tool designed to simplify invoice creation with a polished and responsive user experience.
System shape
The project centers on reusable form behavior, component-driven UI structure, and practical handling of invoice data workflows.
Engineering focus
The goal was to make invoice management feel efficient, clean, and approachable for end users.
Case Study
Rentful
Independently developed a rental-focused web application using Next.js. The project demonstrates modern frontend architecture, reusable components, routing, UI development and application structure. GitHub repository available on the developer profile.
Scope
A rental-focused personal project designed to demonstrate modern frontend architecture and practical UI implementation in a real-world product context.
System shape
The app uses Next.js to organize routes, reusable UI elements, and structured front-end logic in a maintainable project layout.
Engineering focus
The emphasis is on clean reusable components, routing, product structure, and a polished user interface for a rental experience.
Case Study
PH Healthcare
A full-stack blood donation management app built with Next.js, React, TypeScript, MongoDB, Prisma, Better Auth, Tailwind CSS, Server Actions, and API Routes.
Scope
A healthcare-focused blood donation platform with donor discovery, request workflows, and role-specific dashboard areas represented in the available source.
System shape
Next.js App Router pages, Server Actions, and API route handlers connect React UI to Better Auth sessions and Prisma-backed MongoDB models.
Engineering focus
The source emphasizes searchable donor profiles, blood request handling, notifications, and protected dashboard workflows for donors, agents, and admins.
Technical Stack
A focused toolkit with honest skill levels.
Core strengths are separated from working, learning, and basic technologies so the portfolio reads clearly in technical review.
Frontend
Responsive interfaces and component-driven frontend experiences.
React.jsCoreNext.jsCoreJavaScriptCoreTypeScriptWorkingHTML5CoreCSS3CoreTailwind CSSCore
Backend
API design, authentication, and service-side application logic.
Node.jsWorkingExpress.jsWorkingGoWorkingREST APICoreJWTWorkingAuthenticationWorking
Database
Relational and document-based persistence with modern ORM patterns.
PostgreSQLWorkingMongoDBWorkingPrismaWorkingRedisWorking
Architecture
Service-oriented and scalable system design for growing products.
MicroservicesWorkingAPI GatewayWorkingService-based ArchitectureWorkingScalable Web AppsWorking
Authentication
Secure flows, role-aware access, and identity handling in products.
JWTWorkingRefresh TokenWorkingRBACWorkingOTP AuthenticationWorking
Tools & DevOps
Project workflow, source control, deployment, and delivery support.
GitWorkingGitHubWorkingDockerWorkingNginxBasicVercelWorkingVS CodeCore
Development Process
A disciplined workflow for turning requirements into reliable products.
Each project moves through the same sequence: clarify the problem, shape the system, build the product, and refine the result until it is easier to use and easier to explain.
01
Understand
Clarify the workflow, users, data needs, constraints, and success criteria before choosing the implementation path.
User flow
Requirements
Success criteria
02
Shape
Map the pages, API contracts, database models, authentication flow, and reusable UI structure.
Architecture
Data model
API contracts
03
Build
Implement the interface, backend logic, validations, integrations, and state flows with practical TypeScript discipline.
UI systems
Server logic
Integrations
04
Refine
Review behavior, fix edge cases, improve accessibility, and polish performance until the result feels complete.
Debugging
Accessibility
Performance
Contact
Open to roles, projects, and technical conversations.
Reach out for job opportunities, collaboration, interview follow-ups, or project discussions.