A modern, responsive property management SaaS landing page and dashboard interface built with Next.js 15 and TypeScript.

Status: 🎨 Frontend Prototype
Live Demo: https://tenant-verse-one.vercel.app

TenantVerse is a frontend UI prototype for a property management SaaS platform. It demonstrates modern web design, responsive layouts, and professional UI/UX implementation using Next.js and Tailwind CSS.

Important: This is currently a frontend-only project. Backend features (authentication, database, payments) are planned but not yet implemented.

• ✅ Responsive Landing Page - Marketing site with hero section, features, pricing
• ✅ Dashboard UI - Property management interface mockup
• ✅ Modern Design System - Consistent styling with Tailwind CSS
• ✅ Multi-page Layout - Navigation between different sections
• ✅ Mobile-First Design - Works on all device sizes

• 🚧 User authentication (planned)
• 🚧 Backend API with Node.js + Express
• 🚧 Database integration (PostgreSQL/MongoDB)
• 🚧 Actual property CRUD operations
• 🚧 Stripe payment integration
• 🚧 Multi-tenant architecture

Frontend:

• Next.js 15 (App Router)
• TypeScript
• Tailwind CSS
• shadcn/ui components
• Radix UI primitives

Deployment:

• Vercel (automatic deployments)

Coming Soon:

• Node.js + Express (backend)
• PostgreSQL (database)
• Prisma ORM
• JWT authentication

• Node.js 18+
• npm or yarn

# Clone the repository
git clone https://github.com/unnita1235/TenantVerse.git
cd TenantVerse

# Install dependencies
npm install

# Run development server
npm run dev

# Open http://localhost:3000

TenantVerse/
├── src/
│   ├── app/              # Next.js pages (App Router)
│   │   ├── page.tsx      # Landing page
│   │   ├── login/        # Login UI (no auth yet)
│   │   └── dashboard/    # Dashboard UI mockup
│   ├── components/       # React components
│   │   ├── ui/          # shadcn/ui components
│   │   ├── Header.tsx
│   │   └── Footer.tsx
│   └── lib/
│       └── utils.ts      # Utility functions
├── public/               # Static assets
└── package.json

• Modern React patterns with Next.js 15
• TypeScript for type safety
• Responsive design with Tailwind CSS
• Component-based architecture
• Clean, maintainable code structure

• No backend server
• No database
• No user authentication
• No payment processing
• No actual data persistence

npm run dev        # Start development server
npm run build      # Build for production
npm run start      # Start production server
npm run lint       # Run ESLint

This is a UI prototype designed to showcase frontend development skills. Key limitations:

1. No Authentication: Login/signup pages are UI only
2. No Database: All data is static/hardcoded
3. No API: No backend server running
4. No Persistence: Changes don't save anywhere
5. Demo Only: Not ready for production use

• Landing page design
• Dashboard UI
• Responsive layout
• Component library

• Set up Express.js server
• PostgreSQL database setup
• Basic CRUD API endpoints
• JWT authentication
• Connect frontend to backend

• Property management
• Tenant tracking
• Payment integration
• Email notifications
• Multi-tenancy support

Colors: Custom Tailwind palette
Typography: Inter font family
Components: shadcn/ui + custom components
Icons: Lucide React

MIT License - This is a portfolio/learning project

Unni T A
Frontend Developer

• GitHub: @unnita1235
• Email: unnita1235@gmail.com
• Portfolio: https://github.com/unnita1235

• Next.js team for excellent framework
• Vercel for easy deployment
• shadcn for beautiful UI components
• Tailwind CSS for styling system

This project is part of my journey learning full-stack development. The frontend is complete and demonstrates my UI/UX skills. I'm currently learning backend development to make this a fully functional application.

Status: Active development - Backend coming soon!

Built with ❤️ using Next.js and TypeScript

Last updated: January 2026