adnenre

flat6labs

Flat6Labs is the leading entrepreneurship platform in emerging markets, empowering entrepreneurs to build, launch and grow transformative ideas through ....

React Node.js tailwind

#🚀 Flat6Labs – Entrepreneurship Platform

I used to join the company as Tech Lead at Mobelite (Tunisia) for the Flat6Labs ecosystem, managing a branch of internal projects alongside the main platform.
I led the development of a full‑stack web application supporting Flat6Labs’ startup acceleration programs, and refactored a premade theme to align with the product’s evolving needs.
The platform is built with React (frontend) and Node.js + MongoDB (backend).
The UI combines MUI (Material‑UI) and Tailwind CSS for rapid, consistent design.

#✨ Features (implemented)

  • Hybrid UI library – MUI core components + Tailwind utilities for fast, custom styling.
  • Authentication & authorisation – JWT‑based login, role‑based access (startup, mentor, admin).
  • Startup application management – Multi‑step forms, document upload, status tracking.
  • REST API (Node.js + MongoDB) – Scalable backend with Mongoose models, validation, and aggregation pipelines.
  • Reorganised application architecture – Migrated from monolithic spaghetti to feature‑based structure (modules, services, controllers, middleware).
  • Admin dashboard – Overview of applications, startups, mentors; export reports.
  • Notification system – Email + in‑app alerts for application milestones.

#🛠️ Tech Stack

LayerTechnologies
FrontendReact (functional components, hooks), MUI (Material‑UI), Tailwind CSS, React Router, Axios, Context API
BackendNode.js, Express.js, MongoDB (Mongoose), JWT, bcrypt, nodemailer, multer (file uploads)
ToolingGit, Github, ESLint, Prettier, Postman, Docker (optional)
TeamLocated in Tunisia (Mobelite) – full‑stack cross‑functional team

#👨‍💻 My Role & Contributions

  • Frontend components – Built with MUI (layouts, data tables, date pickers) and Tailwind (custom spacing, animations, responsive utilities). Ensured consistent design system.
  • Backend architecture – Designed and implemented the Node.js + Express + MongoDB REST API: models, routes, controllers, authentication middleware, file upload (multer), and error handling.
  • Application reorganisation – Refactored the existing monolithic codebase into a modular, feature‑based architecture (separation of concerns, dependency injection via services). This reduced duplication, improved testability, and accelerated onboarding of new developers.
  • Building standalone components & component guide – Created a library of reusable, standalone UI components (buttons, modals, form fields, cards) with a Storybook‑like documentation (via custom styleguidist or MDX) to unify code across all views. This guide served as the single source of truth for developers, ensuring visual and behavioural consistency.
  • Team collaboration – Worked within a Tunisia‑based team at Mobelite (frontend and backend developers). Conducted code reviews, integrated feedback, and maintained the GitLab CI pipeline.

#Reference Contact

Share this post