Building practical, secure and scalable web applications across frontend, backend and database layers.
About · Dashboard · Skills · Projects · Architecture · Security · Analytics · Experience · Certifications · Roadmap · Contact
I'm Raveendran Jathugulan, a Full Stack Developer and Bachelor of Information and Communication Technology (Hons.) undergraduate at the University of Vavuniya, Faculty of Technological Studies.
I enjoy transforming real-world problems into practical software solutions. My work spans React, Next.js, Node.js, Express.js, MongoDB, MySQL, REST APIs, authentication, RBAC, maps, real-time features and analytics.
- ⚛️ Responsive and component-driven frontend development
- ⚙️ RESTful backend and API development
- 🗄️ Database design, CRUD operations and data modeling
- 🔐 JWT, OAuth, bcrypt and role-based access control
- 🏗️ Application architecture and clean engineering practices
- 🧪 Debugging, unit testing and API integration
- 🤖 AI-enabled application features
┌────────────────────┬────────────────────┬────────────────────┬────────────────────┐
│ FULL STACK │ MERN STACK │ API │ DATABASE │
│ DEVELOPER │ DEVELOPMENT │ ENGINEERING │ ENGINEERING │
├────────────────────┼────────────────────┼────────────────────┼────────────────────┤
│ React · Next.js │ Node.js · Express │ REST · JWT · RBAC │ MongoDB · MySQL │
│ TypeScript · Vite │ MongoDB · Mongoose │ OAuth · Validation │ SQL Server │
└────────────────────┴────────────────────┴────────────────────┴────────────────────┘
| Area | Details |
|---|---|
| Role | Full Stack Developer |
| Primary Stack | MERN (MongoDB, Express.js, React.js, Node.js) |
| Degree | BICT (Hons.) — University of Vavuniya |
| Location | Point Pedro, Jaffna, Sri Lanka |
| Current Focus | Full Stack & Software Engineering |
| Open To | Software Engineering Internships · Full Stack Opportunities |
JavaScript (ES6+) · TypeScript · Java · Python · C++ · C# · PHP · SQL
React.js · Next.js · HTML5 · CSS3 · Tailwind CSS · Bootstrap · Redux Toolkit · Context API · Vite · Responsive Design
Node.js · Express.js · Django · Laravel · PHP · .NET Framework · REST APIs · MVC
MongoDB · MongoDB Atlas · MySQL · SQL Server · Mongoose · Database Design · CRUD Operations
JWT · bcrypt · OAuth 2.0 · RBAC · CORS · Input Validation · Protected Routes · Centralized Error Handling
Git · GitHub · VS Code · Postman · Docker · Figma · Vercel · XAMPP · Visual Studio
OOP · Data Structures · Debugging · Unit Testing · API Integration · Agile/Scrum · Mongoose · AJAX · Chart.js · Framer Motion
|
Emergency blood-request and donor matching platform. Problem: Critical transfusion delays due to manual donor search. Solution: Real-time blood matching with location-based discovery. Core Features:
Stack: Status: ✅ Completed · 2026 |
Full-stack vehicle rental and booking management platform. Problem: Fragmented vehicle rental management. Solution: Centralized booking engine with availability tracking. Core Features:
Stack: Status: ✅ Completed · 2026 |
|
Modern MERN bookstore with AI-powered features. Problem: Traditional bookstore limitations. Solution: Digital platform with AI search and analytics. Core Features:
Stack: Status: ✅ Completed · 2026 |
Teacher attendance, leave and payroll management system. Problem: Manual payroll and attendance tracking. Solution: Centralized ERP for teacher records and payroll. Core Features:
Stack: Status: ✅ Completed · 2026 |
|
MERN-based quiz application with structured assessment workflows. Stack: |
Digital learning platform for Sri Lankan learners with multilingual support. Stack: |
|
University alumni platform. Stack: |
Desktop pharmacy management. Stack: |
Restaurant management platform. Stack: |
| Project | Domain | Frontend | Backend | Database | Key Features |
|---|---|---|---|---|---|
| 🩸 LifeLink | Healthcare | React · TypeScript | Node.js · Express | MongoDB | Real-Time · Maps · RBAC |
| 🚗 QuickRide | Vehicle Rental | React | Node.js · Express | MongoDB | Booking · RBAC · Validation |
| 📚 Tholan Book Shop | E-Commerce | React · Redux · Vite | Node.js · Express | MongoDB | AI · Maps · Analytics |
| 👨🏫 TeacherPayRoll | ERP | React 19 · Vite | Node.js · Express | MongoDB Atlas | OAuth · Payroll · RBAC |
| 🧠 QuizMaster Pro | Education | React · Vite | Node.js · Express | MongoDB | OAuth · Assessment |
| 📘 Yarl Skill Hub | Education | JavaScript · AJAX | PHP | MySQL | Multilingual · Charts |
| 🎓 Alumni System | Education | JavaScript · Bootstrap | PHP | MySQL | CRUD · REST API |
| 💊 PharmaNova | Pharmacy | Windows Forms | .NET | SQL Server | ADO.NET · Desktop ERP |
| 🍽️ Vadamārutham | Restaurant | HTML · CSS · JS | PHP | MySQL | Ordering · Reservations |
flowchart LR
USER[👤 User] --> UI[⚛️ React / Next.js]
UI --> AUTH[🔐 JWT / OAuth]
AUTH --> API[🌐 REST API]
API --> SERVER[⚙️ Node.js / Express]
SERVER --> LOGIC[🧩 Business Logic]
LOGIC --> DB[(🗄️ MongoDB / MySQL)]
SERVER --> REALTIME[⚡ Socket.IO]
SERVER --> MAPS[🗺️ Leaflet / OSM]
SERVER --> AI[🤖 AI Services]
Requirements → System Design → UI/UX → Frontend Development →
REST API Development → Business Logic → Database Design →
Authentication & Security → Testing & Debugging → Documentation →
Release / Deployment
flowchart TD
A[Client / Browser] --> B[React Frontend]
B --> C[Authentication Layer]
C --> D[REST API Gateway]
D --> E[Express.js Server]
E --> F[Business Logic]
F --> G[MongoDB / MySQL]
E --> H[Socket.IO Real-Time]
E --> I[External Services]
F --> J[Validation Layer]
J --> G
erDiagram
USER ||--o{ ROLE : has
USER ||--o{ BOOKING : creates
USER ||--o{ NOTIFICATION : receives
USER ||--o{ REVIEW : writes
VEHICLE ||--o{ BOOKING : has
BOOKING ||--o| PAYMENT : includes
BOOKING ||--o| REVIEW : receives
HOSPITAL ||--o{ BLOOD_REQUEST : issues
DONOR ||--o{ BLOOD_REQUEST : fulfills
Diagram relationships are architectural representations for profile documentation.
Client Request
│
▼
🛡️ Rate Limiting & CORS
│
▼
✅ Input Validation
│
▼
🔑 JWT Authentication
│
▼
👮 RBAC Authorization
│
▼
⚙️ Business Logic
│
▼
🗄️ Database Access
| Layer | Implementation |
|---|---|
| Authentication | JWT · Google OAuth · Session Management |
| Authorization | RBAC · Role-Based Routes · Protected Endpoints |
| Password Security | bcrypt Hashing · Salt Rounds |
| API Security | CORS · Input Validation · Secure Headers |
| Capability | Details |
|---|---|
| Architecture | RESTful API Design · MVC Pattern |
| Operations | CRUD · Pagination · Filtering · Sorting |
| Validation | Input Sanitization · Data Validation |
| Error Handling | Centralized Error Handler · Structured Responses |
| Testing | Postman · API Integration Testing |
| Documentation | Structured Endpoint Documentation |
- ⚡ Socket.IO real-time notifications
- 🚨 Emergency alert system
- 📡 Live status updates
- 🔄 Event-driven architecture
- 📊 Real-time data synchronization
- 📍 Leaflet integration
- 🗺️ OpenStreetMap tiles
- 📏 Distance calculations
- 🔍 Location-based search
- 📌 Interactive map markers
DATABASE ENGINEERING
MongoDB
├── Mongoose ODM
├── Schema Design
├── Aggregation Pipeline
├── Indexing
├── Data Modeling
└── MongoDB Atlas (Cloud)
MySQL
├── Relational Design
├── CRUD Operations
├── Complex Queries
└── XAMPP Stack
SQL Server
├── ADO.NET Integration
├── Windows Forms
└── Database Management
QUALITY ASSURANCE
Unit Testing
├── Component Testing
└── Function Testing
API Testing
├── Postman
└── REST Client
Debugging
├── Browser DevTools
├── Node.js Debugging
└── Error Tracking
Code Quality
├── Clean Code Practices
├── Modular Architecture
├── Code Review
└── Version Control (Git)
💻 Development Environment (VS Code)
↓
📦 Git Version Control
↓
🔀 Branch Management
↓
🧪 Testing & Debugging
↓
📝 Code Review
↓
🔀 Pull Request
↓
⚙️ GitHub Actions (CI/CD)
↓
🐳 Docker Containerization
↓
🚀 Deployment (Vercel / Cloud)
↓
📊 Monitoring
| Tool | Purpose |
|---|---|
Git |
Version Control |
GitHub |
Code Hosting & Collaboration |
GitHub Actions |
CI/CD Automation |
Docker |
Containerization |
Postman |
API Testing |
Vercel |
Frontend Deployment |
JavaScript ████████████████████ Primary
TypeScript ████████████████ Growing
React ████████████████████ Primary
Node.js ████████████████████ Primary
MongoDB ████████████████████ Primary
PHP ████████████ Secondary
Python ██████████ Exploring
C# / .NET ████████ Academic
Java ███████ Academic
SQL ██████████████ Strong
Personal development indicators based on project usage — not formal assessment scores.
╔═══════════════════════════════════════════════════════╗
║ ACHIEVEMENT SNAPSHOT ║
╠═══════════════════════════════════════════════════════╣
║ 🚀 09+ Full-Stack Projects Completed ║
║ 🎓 13+ Professional Certifications ║
║ 💼 02 Software Internships ║
║ ⚙️ 30+ Technologies & Tools ║
║ 🌐 09 Production-Ready Applications ║
║ 📊 Full Stack · MERN · REST APIs · RBAC ║
╚═══════════════════════════════════════════════════════╝
2026
│
├── 🏢 Pantech.AI
│ Full Stack Web Development Intern
│ Jan 2026 – Apr 2026 · 3 Months
│ ✅ Full-stack web development
│ ✅ Frontend/backend integration
│ ✅ REST API development
│ ✅ Database-driven applications
│
├── 🏢 NoviTech R&D Pvt Ltd
│ Full Stack Development Intern
│ Apr 2026 – May 2026 · 1 Month
│ ✅ Full-stack development workflows
│ ✅ Frontend/backend integration
│ ✅ Modern web development practices
│
└── 🎓 University of Vavuniya
BICT (Hons.)
2023 – Present
Bachelor of Information and Communication Technology (Hons.)
University of Vavuniya — Faculty of Technological Studies 2023 – Present · Sri Lanka
Software Engineering · Web Development · Database Systems · OOP · Data Structures · Computer Networks · HCI · System Analysis
|
|
|||||||||||||||||||||||||||||||||
|
|
CERTIFICATION SNAPSHOT
13+ Total Certifications
5+ Programming & Development
4+ AI & Data
5+ Full Stack & Web
2+ Engineering & DevOps
|
|
|
COMPLETED
↓
Full Stack MERN Development
↓
CURRENTLY MASTERING
↓
Advanced TypeScript · System Design · Testing
↓
NEXT
↓
Docker · CI/CD · Cloud Engineering
↓
FUTURE
↓
AI Integration · Scalable Systems · Open Source
| 🇱🇰 Tamil | 🇬🇧 English | 🇱🇰 Sinhala |
|---|---|---|
| Professional | Working | Working |
| Proficiency | Proficiency | Proficiency |
Focus: Multilingual UX · Localization · Accessible interfaces · Sri Lankan user-focused applications
ENGINEERING PRINCIPLES
01 — Build for real-world problems
02 — Keep architecture maintainable
03 — Secure application boundaries
04 — Design APIs consistently
05 — Validate data early
06 — Document important decisions
07 — Test critical functionality
08 — Continuously improve
Showcasing engineering documentation practices:
- 📄 SRS Documents
- 📡 API Documentation
- 🏗️ Architecture Documentation
- 🗄️ Database Design
- 📋 README Documentation
- 📊 Technical Diagrams
- 🔄 Workflow Documentation
UI ENGINEERING
Responsive Design
Component Architecture
Mobile-First Design
Cross-Browser Compatibility
Tailwind CSS Utility Classes
Bootstrap Grid System
Framer Motion Animations
Accessible Interfaces
Desktop (1920px) → Tablet (768px) → Mobile (375px)
↓ ↓ ↓
Full Layout Adapted Grid Stacked Layout
- 🤖 AI-powered search (Tholan Book Shop)
- 📊 Recommendation systems
- 🧠 AI API integration
- 📈 Data-driven features
- 🤖 Machine Learning fundamentals
Live: https://portfolio-pi-sepia-30.vercel.app/
Source: https://github.com/Jathugulan/Portfolio
| 👨💻 Role | ⚛️ Stack | 🎓 Education | 📍 Location | 📬 Contact |
|---|---|---|---|---|
| Full Stack Developer | MERN | BICT (Hons.) | Jaffna, Sri Lanka | LinkedIn · Email |
I'm interested in opportunities and collaborations involving Full Stack Development, Software Engineering, Web Development, Backend Engineering and AI-powered applications.
- Software Engineering Internships
- Full Stack Development Opportunities
- Collaborative Projects
- Technical Learning Opportunities
Building today · Learning continuously · Engineering for tomorrow
© Raveendran Jathugulan · Full Stack Developer