Loading...
A production-ready web application serving social care professionals through consultation services, learning resources, and community engagement—built with modern cloud architecture and enterprise-grade security.
Built on AWS with Cognito, API Gateway, Lambda, and Amplify hosting
CSRF protection, CSP headers, input sanitization, and GDPR compliance
4 user permission levels with tailored experiences and feature access
Next.js 16, React 19, TypeScript with server-side rendering
Client: Mastering Social Work (UK-based social care consultancy)
Challenge: Create a professional platform to manage consultation requests, deliver educational content, and build a community for social care professionals—all while maintaining strict data privacy and security standards.
Solution: A comprehensive full-stack web application leveraging AWS cloud services, modern React architecture, and enterprise-grade security to serve three primary functions: professional consultation services, CPD-certified learning hub, and community engagement.
Timeline: Developed and deployed to production with full feature set
Status: Live in production with active users
System Architecture Diagram
AWS Cloud Infrastructure Overview
A comprehensive technical solution demonstrating expertise across the full development stack
Built on AWS with a serverless architecture for scalability, security, and cost-effectiveness
Next.js 16, React 19, TypeScript, Tailwind CSS
Server-side rendered pages with optimized performance and SEO
AWS Cognito User Pool
Email-based authentication with custom user attributes and groups
API Gateway + Lambda
RESTful serverless API with bearer token authorization
AWS Amplify + GitHub
Automated CI/CD with preview deployments for feature branches
AWS Services Integration Diagram
Cognito • API Gateway • Lambda • Amplify
User-centric features designed to streamline workflows and enhance the professional experience
Consultation Request System Screenshot
User Interface Preview
User Authentication Flow Screenshot
User Interface Preview
Admin Management Dashboard Screenshot
User Interface Preview
Communication System Screenshot
User Interface Preview
Multi-layered security approach protecting user data and ensuring compliance with privacy regulations
Token-based protection for all state-changing operations with HTTP-only cookies
Prevents XSS attacks, blocks unauthorized code injection, restricts resource loading
X-Frame-Options, X-Content-Type-Options, HSTS, Permissions-Policy
DOMPurify library, server-side validation, TypeScript type checking
Email verification, secure password requirements, session timeout, token expiration
Cookie consent banner, privacy policy, data handling transparency
Security Architecture Diagram
Multi-layered Security Implementation
Streamlined workflows designed for different user personas
User Flow Diagram
Complete User Journey Visualization
Comprehensive platform statistics and technical achievements
Modern, production-ready technologies chosen for scalability and maintainability
Real business impact through modern technology implementation
This project demonstrates comprehensive full-stack development capabilities, from user-centric frontend design to robust backend architecture and cloud infrastructure. The platform showcases expertise in: