This application is a web-based game called "Insurance Agent," designed to simulate the experience of being an insurance agent. The primary objective is to deliver insurance policies to various houses while avoiding obstacles, with the goal of earning commissions and maintaining customer satisfaction. To use the app, players start by clicking a button to begin the game. They control a character that moves around a canvas, where they can click or tap to navigate to different locations. Players must throw the correct type of insurance policy at houses that require them, while managing obstacles such as dogs, potholes, and competitors. The game features multiple levels, each increasing in difficulty, and players must reach a commission goal to advance. The app is built using modern web technologies, including TypeScript, React, and Next.js for the frontend, along with Tailwind CSS for styling. It utilizes various libraries such as Radix UI for UI components, Framer Motion for animations, and Lucide React for icons. The game logic is implemented using hooks and state management to handle player actions, game state, and rendering. Key features of the app include: - A dynamic game environment with moving obstacles and houses. - Multiple types of insurance policies, each with unique characteristics. - Power-ups that provide temporary advantages, such as speed boosts and extra lives. - A scoring system that tracks commissions earned and customer satisfaction. - Responsive design that adapts to mobile devices, ensuring accessibility for all users. - Tutorial overlays to guide new players through the game mechanics. Overall, "Insurance Agent" combines engaging gameplay with educational elements about the insurance industry, making it both entertaining and informative.
No tags
Last Updated April 25, 2025
