Unit Manager:
Behind the Build

Instead of a polished landing page, I'm pulling back the curtain on how I built this application—its challenges, breakthroughs, and lessons.

Want to see it in action? Try the demo—sign in with a test user and explore.

Developer workspace setup with dual monitor and laptop
Developer workspace setup with dual monitor and laptop
Developer workspace setup with dual monitor and laptop
Developer workspace setup with dual monitor and laptop
Developer workspace setup with dual monitor and laptop

Explore the Code & API Documentation

Get the Code

Dive into the codebase, experiment with the API, or connect with me for more insights.

Frontend Repository

Built with TypeScript, Next.js, Tailwind CSS, Framer Motion, and more.

View on GitHub

Backend Repository

Built using Node.js, Express, MongoDB, JWT, and more.

View on GitHub

API Documentation

Download the Postman collection to explore and test the API.

Download Postman Collection

Full-Stack Application

Bringing the Frontend and Backend Together

I built this project to deepen my understanding of new technologies and tackle real-world challenges. From frontend interactions to backend logic, every piece was designed to work seamlessly.

Seamless Payments
Integrated Stripe for fast, secure, and automated transactions—simplifying payments for both residents and property managers.
Role-Based Access Control (RBAC)
Implemented a structured authentication system ensuring users only access what they need—enhancing security and usability.
Backend Mastery
Focused on writing scalable, well-structured backend code—leveraging authentication, middleware, and testing to improve reliability.
Developer workspace setup with dual monitor and laptop

Development Journey

Building with Modern Technologies

1. From Idea to Blueprint

1. From Idea to Blueprint

Before writing a single line of code, I mapped out the core features, tech stack, and key challenges in my sketchbook. Some ideas evolved, others broke, and a few took a new direction—but that's part of the process.

2. Frontend: The Interactive Layer

2. Frontend: The Interactive Layer

Developed with a robust tech stack, ensuring performance, scalability, and dynamic UI experiences.

TypeScriptNext.jsTailwind CSSFramer MotionReactReact QueryStripeAxiosNextAuth
3. Backend: The Core Engine

3. Backend: The Core Engine

Built with a solid architecture ensuring scalability, security, and performance. Implemented core features like authentication, data modeling, and Stripe integration with a strong focus on best practices.

Node.jsExpressMongoDBMongooseJWTBcryptStripeJestSupertest
5. Building This, Building Myself

5. Building This, Building Myself

I built this project end-to-end using an industry-standard tech stack to improve my skills in both frontend and backend development. I focused on new features to challenge myself and documented the journey to share my progress—and yes, I drank a lot of coffee. ☕️

6. What's Next?

6. What's Next?

The project isn't done yet. I'm refining features, improving UX, and plan to add AI soon. But it's ready to be showcased to the world.

Developer workspace setup with dual monitor and laptop

"I build things with purpose—turning ideas into functional, scalable solutions. Unit Manager wasn't just about property management; it was an opportunity to push boundaries, solve real-world challenges, and sharpen my technical skills. Every project is a chance to learn, refine, and innovate—and that's what keeps me coding."

Samuel Fuchs
Software Developer