Naohouse, the French branch of Dr-House (a real estate company) based in Nantes, asked me to build a web app to manage their properties and clients.
I developed the app using React, TypeScript, Next.js, and Tailwind CSS, working closely with the team to ensure the platform was both visually appealing and easy to use.

Challenges & Solutions

• Robust UX/UI for property management: Managing properties and clients required a clear and frictionless user flow.
  • Implemented a multi-step form with clear instructions and progress indicators.
  • Applied Tailwind CSS to create a modern, responsive design.
  • Ensured accessibility by following WCAG best practices and guidelines.
• Performance optimization: The app needed to handle a large number of properties and clients while maintaining smooth performance.
  • Leveraged Next.js features like Static Site Generation (SSG) and Server-Side Rendering (SSR) to boost speed.
  • Implemented image lazy loading with blurhash placeholders.
  • Minimized third-party dependencies to reduce bundle size and load times.
• Data security and privacy: Handling sensitive client information required strict security measures.
  • Implemented secure authentication and authorization mechanisms.
  • Ensured data encryption both in transit and at rest.
  • Regularly updated dependencies to mitigate vulnerabilities.
• Scalability: The architecture needed to support a growing user base and expanding property database.
  • Designed a modular architecture to enable future enhancements.
  • Used efficient algorithms and data structures to minimize processing time.
  • Optimized network requests with pagination, lazy loading, and caching strategies.

Technologies Used

• Next.js
• React
• TypeScript
• Tailwind CSS
• Vercel (hosting)
• Drizzle (form handling)
• Turso (database)
• Figma
• GitLab

Role

• Fullstack Development
• UI/UX Design Collaboration
• SEO