VR.

About

Projects

Featured Projects 👨🏻‍💻

github.com/realvishalrana

GlobalFan11

GlobalFan11
  • Built fantasy sports platform with team creation, contest joining, and match lifecycle (live/upcoming/completed).
  • Implemented wallet system with transaction history and payment integration.
ReactTypeScriptREST APIsPayments
github.com/realvishalrana

Catena Logistix

Catena Logistix
  • B2B logistics customer portal: quotes, orders, carriers, and billing — React 19, TypeScript, and Vite with lazy-loaded React Router routes.
  • State and data: Redux Toolkit, RTK Query (API caching), and redux-persist for session-friendly client state.
ReactTypeScriptRedux Toolkitreact-intlMapboxStripeZod
github.com/realvishalrana

Healthcare HRMS Platform

Healthcare HRMS Platform
  • Freelance React SPA for health-sector HRMS: HR, compliance, documents, payroll views, billing/subscriptions, and long-form healthcare onboarding over REST APIs with auth, roles, and private vs public routing.
  • Authenticated shell (sidebar, navbar, toasts) with role-based route guards; profile and change-password flows for logged-in users.
ReactReact RouterTanStack TableReact Hook FormZodAxios
github.com/realvishalrana

Innovacare

Innovacare
  • Integrated SRfax for secure document faxing.
  • Developed role and permission-based sidebar menus for support staff, clinic admins, and super admins.
Next.jsTailwindFormik React SelectHeadless UI
github.com/realvishalrana

AHPI

AHPI
  • Developed a comprehensive LMS platform similar to Udemy, with user roles including students, instructors, and administrators.
  • Designed and built a course management system that allows instructors to create, edit, and publish courses with multimedia content and quizzes.
Next.jsTailwindReact-hook-formReact SelectAmplitude
github.com/realvishalrana

ICAI

ICAI
  • Customized React Highcharts bar charts to dynamically fill data based on backend data, with colors adjusting to the theme.
  • Enabled admin functionality to create users, assign roles, and designate branches.
Next.jsTailwindDay.jsHigh ChartsReact-hook-formImpler.io
github.com/realvishalrana

Omniva telehealth

Omniva telehealth
  • Implemented custom domains and branding for clinic admins, allowing them to select theme colors and custom upload signature and logo for document.
  • Developed an automatic time zone detection system that adjusts based on the user’s location.
Next.jsTailwindFormik FullCalendarReact SelectHusky
github.com/realvishalrana

Multi-Vendor E-commerce Platform

  • Developed dynamic product system with categories, subcategories, and configurable options (size, color).
  • Implemented automatic variant generation and multi-seller mapping per product.
ReactE-commerceInventoryAdmin

Pet Projects

Hono With Auth.js

User Authentication: Secure user authentication using @auth/core and @hono/auth-js, including support for session management and token-based authentication.Database Integration: Seamless integration with PostgreSQL via drizzle-orm, providing a powerful and type-safe ORM for managing database queries and migrations.Schema Validation: Strong input validation using Zod, ensuring data integrity and providing clear error messages for invalid inputs.

Session Timeline

Interactive Timeline: Create, view, and interact with session timelines, showcasing key events and milestones with an intuitive UI.Data Visualization: Leverage React and Tailwind CSS for visually appealing and responsive timeline components.User-Friendly Interface: Smooth navigation and interactions designed for seamless user experiences across devices.

Product Todo App

CRUD Operations: Robust Create, Read, Update, and Delete functionalities for managing products efficiently.Feature-Rich Filters: Advanced filtering and sorting options to streamline product management workflows.Protected Routing: Secure access to application features using authentication and role-based access control.Responsive Design: Tailored UI components with Tailwind CSS for a seamless user experience across devices.

Greek trust Admin Ui

User interface for admins to view and delete users.The interface retrieves user data from an API and provides various features to manage the user records.

About

Projects