- This is an older learning project and should support the growth narrative rather than lead the portfolio.
Early full-stack proof
MERN Project - OpenBootcamp Intensive
A MERN-stack web application that allowed users to register, create katas, and interact with them.
Problem, context, and constraints
The project was built as a practical full-stack application to demonstrate user registration, content creation, and interaction workflows in a MERN architecture.
It provided hands-on experience with the full request lifecycle across frontend, backend, and database layers.
- The project was intended for practical full-stack learning.
- It would need stronger production hardening before being positioned as a mature production system.
Solution
- Built a MongoDB, Express, React, and Node.js web app.
- Supported user registration.
- Supported kata creation.
- Supported user interaction with stored content.
- Connected frontend, backend, and persistence in an end-to-end workflow.
Before
Theoretical MERN knowledge.
After
A working full-stack application.
Architecture
A classic MERN application where the React frontend communicated with an Express/Node backend backed by MongoDB for persistence.
- React
- Node.js
- Express
- MongoDB
- GitLab
- Deployment details TBD
Key technical decisions
- Context
- The goal was practical full-stack learning.
- Choice
- Build the full request lifecycle across React, Express, Node.js, and MongoDB.
- Tradeoff
- This enabled rapid learning and feature delivery but was not intended as a highly differentiated production system.
Security, scaling, and reliability
- Suitable for demonstrating full-stack fluency.
- Would need stronger production hardening for scale.
- Auth, validation, testing, and deployment details should be improved if featured publicly.
Testing
- Testing details are not yet documented in the brief.
Impact
- Demonstrated full-stack development ability.
- Built practical experience across frontend, backend, and persistence.
What I learned and would improve next
The value of shipping end-to-end features and thinking across the full product surface.
Connecting frontend, backend, and persistence cleanly while learning the stack in practice.
- Upgrade authentication.
- Improve UI polish.
- Add tests.
- Add deployment.
- Improve production readiness.