StaySuite
Version 1.0.0
StaySuite is a property rental platform similar offering key features such as user authentication, booking management, saving travelling history and favurite listings for guests while enabling host to manange listings via dashboard and seamlessly handle reservations made on there listings. It supports secure authentication using JWT, real-time updates for both guests and hosts with Socket.io, and image uploads of listings with Multer. Built with Nuxt.js for the frontend,Nest.jsfor the backend, and MongoDB for data storage, the platform ensures a seamless and efficient user experience.
Categories
rentalapartmentsrooms
Tech Stack
React Nativeexpressmongojwt
Key Features
Authentication Screens
- Custom-designed signup form with validation for email, password, and user details
- Login screen with secure credential handling and error messaging
- Auto-redirect to protected screens after successful authentication
Booking Flow
- Interactive booking screen with date picker and availability indicators
- Instant confirmation feedback with React Native Reanimated transitions
- Form validation that prevents invalid submissions before API calls
Booking Views
- Guest booking history with sorting by date and cancellation options
- Host reservation dashboard showing upcoming guests with status filters
- Admin view with comprehensive booking management controls
Performance Optimizations
- MongoDB indexing on frequently queried booking and user fields
- React Native memoization to prevent unnecessary booking list re-renders
- Optimized animation performance with Reanimated's native driver
Security Features
- Axios interceptors that automatically attach and refresh JWT tokens
- Protected API routes that validate user roles before data access
- Secure HTTP headers and CORS policies implemented in Express
UI/UX Components
- Consistent styling using Nativewind/Tailwind CSS for maintainable theming
- Micro-interactions powered by React Native Reanimated for smooth feedback
- Custom illustrations that enhance empty states and onboarding screens
Version
N/A
Android
10.0 or Up
Released
N/A
Updated
21/07/2024
Rating
Rated for 18+ • Property Rental Service
Interaction
Mobile Touch Screen
Technical Implementation
Authentication System
- JWT-based authentication flow with secure token storage in localStorage for session persistence
- Protected routes in React Native using navigation guards that redirect unauthenticated users to login
- Password hashing with bcrypt before MongoDB storage to ensure credential security
Authorization Controls
- Role-based access control (RBAC) middleware in Express for admin/host/guest routes
- JWT token verification middleware that checks user permissions before API access
- Frontend UI rendering logic that adapts based on user role (host/guest)
Booking Management
- MongoDB booking schema with references to users and property listings for relational data
- Express API endpoints handle booking creation, updates, and status changes with validation
- Real-time sync between frontend state and backend database using React Context
