My Full Stack Project Tech Overview
This is the production environment.
Frontend
- Next.js (React Framework) for frontend routing and interactive client-side components
- Tailwind CSS for responsive, utility-first styling
- Google OAuth2 and JWT authentication with role-based access control
- Securely fetch and display data from backend APIs with CORS configured
- Environment-based configuration for development and production
- Responsive design for multiple devices and screen sizes
- Integrated frontend on gt120dev.ca and backend on api.gt120dev.ca under the same domain
Backend
- Java with Spring Boot for scalable backend services
- RESTful API design and implementation with versioning
- Hibernate (JPA ORM) for database persistence (MySQL)
- Authentication & Authorization: Google OAuth2 and JWT-based access control
- Automated tasks and scheduling using Spring's @Scheduled annotation
- API documentation using Swagger/OpenAPI specification
- Structured logging with Slf4j
- Email integration for Interac payment validation
- Configured CORS for frontend-backend communication across subdomains
- Deployed on Heroku with custom domain and SSL through Cloudflare
Database
- MySQL (Relational Database Management System - RDBMS)
Tools & Version Control
- Build Automation: Apache Maven
- Version Control: Git and GitHub
Deployment & CI/CD
- Automated Heroku deployments triggered via Git branch pushes
- Full-stack project deployment: frontend on gt120dev.ca, backend on api.gt120dev.ca
- Configured SSL and DNS routing through Cloudflare for both subdomains, ensuring secure and unified deployment