Frontend: React.js with Next.js (App Router)
State Management: Redux Toolkit & React Query
UI Framework: Material UI (MUI)
Language: TypeScript (TSX)
Form Handling: React Hook Form with Yup validation
Backend Integration: Supabase
Framework: Next.js (React)
Language: TypeScript (TSX)
State Management: TanStack Query (Server State) & Context API (Client State)
Styling: Tailwind CSS (Utility-first styling for rapid UI development)
Icons: Lucide-React / React-Icons
HTML5: Leveraged semantic tags to improve SEO and accessibility.
CSS3: Employed CSS Flexbox for the property grid and Media Queries to ensure the site is fully responsive on tablets and smartphones.
Hover Effects: Smooth CSS transitions on property cards to highlight listing details upon user interaction.
BEM Methodology: Used Block-Element-Modifier naming conventions for clean, maintainable CSS code.
Dynamic Hero Section: An immersive landing page with a clear Call-to-Action (CTA) to drive user engagement.
Destination Gallery: A curated display of travel spots using CSS Grid and Flexbox for a clean, organized layout.
Interactive Booking Form: A functional HTML5 form with validation for user inquiries and booking requests.
Responsive Navigation: A sticky navigation bar that adapts for mobile and desktop viewing.
Social Integration: Footer links to social media platforms to enhance the brand's digital presence.
Frontend: React.js (Functional Components & Hooks).
State Management: Redux Toolkit (Slices, Thunks, and Selectors).
Styling: Material UI
Frontend: React.js, Tailwind CSS (for styling), and Axios (for API communication).
Backend: Node.js, Express.js.
Database: MongoDB (using Mongoose for schema-based filtering and indexing).
State Management: React Hooks (useContext or useReducer) for managing complex filter objects.
Global State Management: Orchestrated with Redux Toolkit (RTK) to manage the shopping cart, user session persistence, and UI states (like sliders and modals) across the entire application.
Secure Authentication Flow: * JWT (JSON Web Tokens): Implemented for stateless, secure user sessions.
RBAC: Dedicated logic to distinguish between Admin (inventory management, order tracking) and Customer (purchasing, order history).
High-Performance UI: Built with Tailwind CSS and TSX, featuring a custom-designed product slider and a clean, minimalist aesthetic that allows floral imagery to stand out.
Dynamic Receipt Generation: A backend service that generates automated PDF Receipts for every successful transaction, improving the professional post-purchase experience.
Type-Safe API Integration: Using TypeScript across both the client and server to ensure data integrity for product schemas, user profiles, and order status.
Master in English Literature and language
Bachelor in English literature and Language
Higher Secondary