Community

Sign In Sign Up

Community

Discover the best apps, components and starters from the community.

Search

By messaging v0, you agree to our Terms and AI Policy.

Pricing Enterprise FAQ

Privacy Vercel Community Vercel

...

...

Card Hover Effect Demo

Card Hover Effect Demo

The Kids Coding Adventure app is an interactive platform designed to teach children the fundamentals of coding through engaging lessons, challenges, and games. The app provides a user-friendly interface where young learners can explore various coding concepts in a fun and visually appealing environment.

To use the app, users can navigate through different sections including Lessons, Playground, Games, and Achievements. The Lessons section offers a variety of coding topics, each presented with a brief description, progress tracking, and estimated duration. Users can select lessons to start learning or continue where they left off. The Playground allows users to write and execute code in a simulated environment, providing instant feedback on their coding attempts. The Games section features coding-related challenges that reinforce learning through play, while the Achievements section tracks users' progress and rewards them for completing tasks.

The app is built using modern web technologies, including TypeScript and React, with Next.js as the framework for server-side rendering and routing. It utilizes various UI components for a consistent and responsive design, ensuring a smooth user experience across devices.

Key features of the Kids Coding Adventure app include:
- Character Selector: Users can choose a coding buddy to guide them through their learning journey.
- Progress Tracking: Users can monitor their learning progress and experience points (XP) as they complete lessons and challenges.
- Daily Challenges: Engaging tasks that encourage users to apply their coding skills in practical scenarios.
- Code Playground: An interactive coding environment where users can write, run, and test their code with real-time output.
- Games: Fun coding challenges that promote problem-solving and critical thinking.
- Achievements: A system that rewards users for their accomplishments, motivating them to continue learning.

Overall, the Kids Coding Adventure app aims to make coding accessible and enjoyable for children, fostering a love for technology and programming from an early age.

Coding app for kids

The KDP Helper Bot is a web application designed to assist users in creating and managing books for Amazon's Kindle Direct Publishing (KDP) platform. The app provides a user-friendly interface that guides users through the entire book creation process, from selecting a book type and niche to generating content prompts and calculating cover sizes.

To use the app, users can sign up for an account or log in if they already have one. Once logged in, they are directed to a dashboard where they can manage their book projects. The app features a sidebar for easy navigation, allowing users to access different sections such as their projects, tools, and settings.

Key features of the KDP Helper Bot include:

1. **User Authentication**: Users can create accounts, log in, and manage their profiles securely.
2. **Project Management**: Users can create new book projects, view existing ones, and track their progress.
3. **Book Type and Niche Selection**: The app offers a selection of book types (e.g., coloring books, journals) and trending niches to help users choose the best options for their projects.
4. **Prompt Generation**: Users can generate AI-powered prompts for both content and images tailored to their selected book type and niche.
5. **Cover Size Calculator**: The app includes a tool to calculate the dimensions of book covers, taking into account trim sizes, page counts, and bleed requirements.
6. **Resource Templates**: Users can download templates for various book formats and access guidelines for KDP sizing and margins.
7. **Responsive Design**: The app is built with a responsive layout, ensuring usability across different devices.

The KDP Helper Bot is developed using modern web technologies, including TypeScript, React, and Next.js, with Tailwind CSS for styling. The application leverages components for a modular design, enhancing maintainability and scalability. The use of state management and hooks allows for a dynamic user experience, while the integration of toast notifications provides feedback on user actions.

Overall, the KDP Helper Bot aims to simplify the book creation process for aspiring authors and publishers, making it easier to navigate the complexities of KDP publishing.

Space Environment

Space Environment

welitvation

The Edu-Build Institute Distance Learning Portal Support Hub is a comprehensive web application designed to assist students enrolled in distance learning programs. The app provides a centralized platform for troubleshooting access issues, managing payment inquiries, and facilitating onboarding procedures.

Users can navigate through various sections, including a troubleshooting guide that helps identify common issues related to login credentials and account access. The guide is interactive, allowing users to answer questions and receive tailored solutions based on their responses. Additionally, the app features a Payment FAQ section that addresses common queries regarding payment references, processes, and troubleshooting steps.

The onboarding procedure is clearly outlined, providing new students with step-by-step instructions on how to successfully register and access the distance learning platform. This includes information on submitting applications, payment processes, and important reminders about orientation sessions.

The application is built using modern web technologies, including TypeScript and React, with a focus on responsive design to ensure usability across devices. It utilizes Tailwind CSS for styling, providing a clean and user-friendly interface. The app also incorporates analytics tracking to monitor user interactions and improve the overall experience.

Key features of the app include:
- An interactive troubleshooting guide that adapts to user responses.
- A comprehensive Payment FAQ section addressing common payment-related questions.
- A detailed onboarding procedure for new students.
- Responsive design for optimal viewing on both desktop and mobile devices.
- Analytics tracking to monitor user engagement and improve support services.

To use the app, students can simply visit the portal, select the relevant section based on their needs, and follow the guided prompts to resolve their issues or find the information they require. The app also provides contact information for technical support and payment inquiries, ensuring that students have access to assistance when needed.

React UI/UX improvements

Sign in with Google

Sign in with Google

Walking and Jogging Charts

Next.js Exercise Charts

The app is a web-based Snake Game designed to provide an engaging and interactive gaming experience. Users can control a snake that grows in length as it consumes food while avoiding collisions with the walls and itself. The game features a simple and intuitive interface, allowing players to focus on gameplay.

To use the app, players can navigate to the main page where the game is displayed. They can control the snake using either the arrow keys on their keyboard or on-screen buttons provided for mobile devices. The game keeps track of the current score and the high score, which is saved in the browser's local storage. Players can pause the game at any time and resume it later.

The app is built using modern web technologies, including TypeScript and React, with a focus on component-based architecture. It utilizes the Next.js framework for server-side rendering and routing, ensuring fast load times and a smooth user experience. The game graphics are rendered on an HTML canvas, providing a visually appealing and responsive interface.

Key features of the app include:
- Real-time score tracking and high score storage.
- Keyboard and touch controls for flexible gameplay.
- A pause feature that allows players to take breaks without losing progress.
- A dialog that explains the game controls and objectives.
- Dynamic game speed that increases as the snake grows longer, adding to the challenge.

Overall, the app combines classic gameplay with modern web development practices, making it a fun and accessible experience for users of all ages.

fffdfdfdf

Womens Day Greeting

Add your own API in the backedn to sync realtime rates

Advanced Currency Convertor

This application is a web-based platform designed to provide comprehensive web development and AI solutions for businesses of all sizes. It specializes in creating fast, responsive websites using modern technologies such as HTML, CSS, and JavaScript, while also offering innovative hosting solutions and SEO optimization to enhance online visibility.

Users can interact with the application through a user-friendly interface that includes various components such as buttons, forms, modals, and navigation menus. The application features a responsive design, ensuring optimal usability across different devices, including mobile and desktop.

Key features of the app include:

1. **Custom Website Development**: Tailored websites built from scratch to meet unique business needs.
2. **Performance Optimization**: Enhancements to website speed and responsiveness, including conversions from WordPress to static sites.
3. **AI Integration**: Implementation of intelligent AI solutions, such as an AI assistant, to automate tasks and improve user engagement.
4. **Website Maintenance**: Ongoing support and updates to keep websites secure and performing optimally.
5. **SEO Optimization**: Strategic search engine optimization to improve website visibility and ranking.
6. **Innovative Hosting Solutions**: Reliable and scalable hosting options tailored to specific website requirements.

The application is built using modern web technologies, including React for the frontend, Tailwind CSS for styling, and various libraries for UI components, such as Radix UI for accessibility and usability enhancements. The app also utilizes state management and hooks for managing user interactions and application state.

To use the app, users can navigate through the various sections, interact with components, and access services offered. The application is designed to be intuitive, with clear calls to action and informative content guiding users through their experience.

Overall, this application aims to deliver high-quality, innovative web solutions that not only meet but exceed client expectations, ensuring a strong digital presence for businesses.

cloudflareclone

This application is a motivational quote platform designed to provide users with daily inspiration through quotes in both English and Hindi. The app allows users to view random quotes, like them, and leave comments, fostering a community of motivation and support.

To use the app, users can navigate to the main page where they will see a randomly selected quote. Users can switch between English and Hindi quotes using tabs. Each quote can be liked, and users can share quotes via clipboard or the Web Share API. Additionally, users can comment on quotes, with the comments section displaying the most recent comments.

The app is built using TypeScript and React, leveraging Next.js for server-side rendering and API routes. It utilizes a JSON file to store quotes and comments, ensuring that data is easily manageable. The user interface is styled with Tailwind CSS, providing a responsive and visually appealing design.

Key features of the app include:
- Daily motivational quotes displayed randomly.
- Support for multiple languages (English and Hindi).
- User interaction through liking quotes and posting comments.
- An admin dashboard for managing quotes, including adding, editing, and deleting quotes.
- A loading skeleton to enhance user experience during data fetching.
- Toast notifications for user feedback on actions like login, adding quotes, and errors.

Overall, this app serves as a motivational tool, encouraging users to engage with uplifting content while providing a platform for community interaction.

Motivational Quotes App

Web3 Hosting

This application is a document management system designed to help users organize, search, and manage their files and folders efficiently. It features a user-friendly interface that allows users to navigate through a hierarchical structure of folders and files, making it easy to locate and manage documents.

To use the app, users can interact with a sidebar that displays a tree view of folders. Users can click on folders to expand or collapse them, revealing their contents. The main content area displays the files and subfolders within the selected folder, with options to view them in either a list or grid format. Users can also search for specific files using a search input field located at the top of the content area.

The app is built using TypeScript and React, leveraging modern web technologies to create a responsive and interactive user experience. It utilizes CSS for styling, ensuring a clean and visually appealing layout. The application also incorporates icons from the Lucide library to enhance the user interface.

Key features of the app include:
- A collapsible folder tree for easy navigation through the document hierarchy.
- A search form to quickly find files and folders.
- The ability to switch between list and grid views for file display.
- Contextual dropdown menus for file and folder actions, such as renaming, downloading, and deleting.
- Responsive design that adapts to different screen sizes, ensuring usability on both desktop and mobile devices.

Overall, this document management app provides a comprehensive solution for users looking to organize and manage their documents effectively.

Library Documents design

The Random Animal Generator is a web application designed to help users discover and learn about various animal species from around the world. It provides a fun and educational experience by generating random animals along with interesting facts, images, and information sourced from Wikipedia.

To use the app, users can simply click the "Generate" button to create a selection of random animals. The application allows customization by enabling users to filter animals by type, such as mammals, birds, reptiles, amphibians, fish, and invertebrates. Users can also specify the number of animals to display, ranging from 1 to 20.

The app is built using Next.js, a modern React framework, and utilizes TypeScript for type safety. It employs Tailwind CSS for styling, enabling responsive design and a clean user interface. The application also leverages the Wikipedia API to fetch accurate and up-to-date information about each animal, including descriptions, scientific names, and images when available.

Key features of the Random Animal Generator include:
- The ability to generate 1-20 random animals with a single click.
- Filtering options to select animals by type.
- Informative descriptions and images for each generated animal.
- A user-friendly interface that is responsive and accessible on various devices.
- Caching mechanisms to optimize performance and reduce API calls.

Overall, the Random Animal Generator serves as an educational tool for students, teachers, wildlife enthusiasts, and anyone interested in exploring the diversity of animal life.

random-animal-generator

The app is called PteroDash, a modern client interface designed for managing Pterodactyl game and application servers. It provides users with a streamlined and intuitive experience for server management, allowing them to create, configure, and monitor their servers efficiently.

To use the app, users need to register for an account, after which they can log in to access the dashboard. The dashboard displays an overview of the user's servers, including their status and resource usage. Users can create new servers, manage existing ones, and top up their coin balance for server resources. The app also includes features for managing user accounts, support tickets, and payment methods.

PteroDash is built using modern web technologies, including React for the frontend, Next.js for server-side rendering and routing, and Tailwind CSS for styling. The app utilizes a PostgreSQL database for data storage and management, and it integrates with the Pterodactyl API to perform server management tasks.

Key features of PteroDash include:
- User authentication and account management, allowing users to register, log in, and manage their profiles.
- A dashboard that provides an overview of server status, resource usage, and user coins.
- The ability to create and configure servers with customizable resources such as RAM, CPU, and disk space.
- Integration with the Pterodactyl API for real-time server management and monitoring.
- Support for managing user accounts, including password and email changes.
- A ticketing system for users to submit support requests.
- An admin panel for managing users and server configurations, including the ability to reset passwords and manage user coins.

Overall, PteroDash aims to enhance the user experience for managing Pterodactyl servers, making it easier and more efficient for users to handle their server-related tasks.

Pterodactyl dashboard

This app is a comprehensive training management tool designed for individuals following the 5/3/1 powerlifting program. It allows users to track their workouts, manage training maxes, and monitor progress over time. The app features a user-friendly interface that includes various tabs for different functionalities, such as a dashboard, workout setup, progress tracking, and a calculator for estimating one-rep max (1RM).

To use the app, users begin by setting their training maxes for key lifts: squat, bench press, deadlift, and overhead press. They can then start a new workout by selecting a lift and the corresponding week of the program. The app generates a workout plan that includes main lifts and supplemental exercises, which are auto-regulated based on the user's performance. Users can log their sets, reps, and weights, and the app will provide feedback on their training history, including trends in performance.

The app is built using TypeScript and React, leveraging various UI components for a responsive design. Key features include:

1. **Training Max Management**: Users can input and adjust their training maxes, which are used to calculate workout weights.
2. **Workout Tracking**: Users can log their workouts, including main lifts and supplemental exercises, with detailed tracking of sets, reps, and weights.
3. **Auto-Regulation**: The app automatically adjusts supplemental exercise recommendations based on user performance, helping to optimize training.
4. **Progress Monitoring**: Users can view statistics on their workout frequency, recent workouts, and volume by muscle group, as well as track progressing and stagnant exercises.
5. **1RM Calculator**: A built-in calculator allows users to estimate their one-rep max based on the weight lifted and the number of reps performed.
6. **Local Storage**: The app saves user data in local storage, ensuring that workout history and training maxes are retained between sessions.

Overall, this app serves as a powerful tool for anyone looking to enhance their strength training regimen through structured programming and detailed tracking.

531 strength program

The app "Illam at Nilgiris 24/7" is a property rental platform designed to help users find and book accommodations in the Nilgiris region of India. It connects travelers with property owners, offering a variety of listings that cater to different preferences and budgets.

To use the app, users can browse featured properties, utilize a search bar to filter listings by location and price range, and view detailed information about each property, including amenities, pricing, and availability. Users can create an account to manage bookings, list properties, and access personalized features. The app also provides a secure payment process and 24/7 customer support.

The app is built using modern web technologies, including TypeScript, React, and Next.js, which enable server-side rendering and a smooth user experience. It employs a component-based architecture, utilizing reusable UI components for consistency and maintainability. The app also integrates authentication features, allowing users to sign in and manage their profiles securely.

Key features of the app include:
- A user-friendly interface for searching and filtering properties.
- Detailed property listings with images, descriptions, and amenities.
- Secure payment options, including UPI and bank transfers.
- User authentication for managing bookings and property listings.
- 24/7 customer support for assistance with inquiries and issues.
- A dashboard for property owners to manage their listings and view bookings.
- A responsive design that works well on both desktop and mobile devices.

Overall, "Illam at Nilgiris 24/7" aims to provide a seamless experience for both travelers and property owners, fostering a community that values authentic and memorable stays in the beautiful Nilgiris region.

Property listing platform

Crypto Vending

The SweatcoinApp is a fitness and rewards application designed to encourage users to stay active by converting their steps into a virtual currency called Sweatcoins. Users can track their daily step count, participate in challenges, and redeem their earned Sweatcoins for various rewards.

To use the app, users simply need to log their daily steps, which are displayed prominently on the home screen. They can also engage with the community through a chat feature, participate in challenges, and explore premium subscription options for enhanced benefits. The app features a user-friendly interface with tabs for easy navigation between different sections, including home, rewards, social interactions, and premium plans.

The app is built using TypeScript and React, leveraging various UI components for a responsive and visually appealing design. Key features include real-time step tracking, a marketplace for redeeming rewards, a community chat for social interaction, and a leaderboard to foster friendly competition among users. Additionally, users can choose from multiple premium subscription plans that offer benefits such as increased Sweatcoin earning rates, exclusive rewards, and personalized coaching.

Overall, the SweatcoinApp aims to motivate users to maintain an active lifestyle while providing a platform for social engagement and rewards.

Sweatcoin business model

CloudGame is a cloud gaming application designed to provide users with access to a wide range of games without the need for expensive hardware. The app allows users to play the latest games on any TV, making gaming more accessible and convenient.

To use the app, users can start by visiting the welcome screen, where they are greeted with a brief introduction to CloudGame. From there, they can log in to their existing accounts or create a new account if they are new to the platform. Once logged in, users can navigate through various sections, including home, categories, subscription plans, news, and account management.

The app is built using modern web technologies, including TypeScript and React, with Next.js as the framework for server-side rendering and routing. It utilizes Tailwind CSS for styling, ensuring a responsive and visually appealing user interface. The application also incorporates various components for UI elements, such as buttons, input fields, and game cards.

Key features of CloudGame include:

1. **User Authentication**: Users can log in or sign up to access their accounts and manage their gaming preferences.
2. **Game Library**: A comprehensive library of games categorized by genre, allowing users to easily find and play their favorite titles.
3. **Subscription Plans**: Multiple subscription options are available, offering different levels of access to games, including monthly and annual plans.
4. **Game Details**: Users can view detailed information about each game, including descriptions, ratings, and similar games.
5. **News Section**: A dedicated area for the latest gaming news, updates, and articles, keeping users informed about the gaming industry.
6. **Responsive Design**: The app is designed to work seamlessly on various devices, ensuring a consistent experience whether on a TV or mobile device.

Overall, CloudGame aims to enhance the gaming experience by providing a user-friendly platform that leverages cloud technology to deliver high-quality gaming without the need for high-end hardware.

bytebattle quiz app

Bytebattle Quiz App

The MediCare app is a modern healthcare solution designed to facilitate easy access to medical services and appointment scheduling for users. It provides a user-friendly interface where patients can book appointments with healthcare professionals, view available services, and manage their medical records.

To use the app, users can navigate through various sections, including a hero section that highlights the app's features, a services section detailing the medical offerings, a doctors section showcasing available healthcare professionals, and an appointment form for scheduling visits. Users can select their preferred doctor, date, and time for appointments, and they can also access a patient portal to manage their health records and appointments.

The app is built using TypeScript and React, leveraging libraries such as Framer Motion for animations and Lucide React for icons. Key features include a responsive design, a dynamic appointment scheduling system, and sections dedicated to displaying healthcare statistics, services, and doctor profiles. The app also includes a footer with contact information and links to social media, enhancing user engagement and accessibility.

Overall, the MediCare app aims to provide a comprehensive and efficient healthcare experience, ensuring that users can easily connect with medical professionals and manage their health needs effectively.

Hospital app design

The app is a comprehensive token analytics platform called LaunchPepe, designed to provide users with real-time insights and trading information for tokens on the pump.fun platform. It allows users to track, analyze, and manage their favorite tokens while setting alerts for significant market changes.

To use the app, users can navigate through a user-friendly interface that includes features such as a dashboard displaying token cards, sorting and filtering options, and alert management. Users can also interact with a built-in AI assistant, the PI Bot, which helps answer questions and provide insights based on the current token data.

The app is built using modern web technologies, including React for the frontend, TypeScript for type safety, and Tailwind CSS for styling. It utilizes various libraries such as Radix UI for accessible components, Zustand for state management, and Dexie for local database management. The app also integrates with WebSocket for real-time data updates and uses the CoinGecko API to fetch cryptocurrency prices.

Key features of the app include:
- Real-time token tracking and analytics.
- Customizable alert settings for price changes and market cap thresholds.
- A favorites system to easily access preferred tokens.
- An onboarding guide to help new users navigate the app.
- A chat interface with the PI Bot for personalized assistance.
- Responsive design for both desktop and mobile users.

Overall, LaunchPepe aims to empower users with the tools and information needed to make informed trading decisions in the dynamic cryptocurrency market.

Pump.Investments

This application is a visually dynamic web-based experience that utilizes animated graphics to create an engaging background. It features a full-screen canvas that displays animated spheres and gradient effects, providing an interactive and immersive user interface.

Users can interact with the application by moving their mouse, which influences the animation and visual effects on the screen. The app is designed to be responsive, automatically adjusting to different screen sizes and orientations.

The application is built using TypeScript and React, leveraging the capabilities of the HTML5 canvas for rendering graphics. It employs hooks such as useEffect and useRef to manage the animation lifecycle and canvas references. The animation is achieved through a combination of radial gradients, noise effects, and smooth transitions, creating a visually appealing background that can be used in various web applications.

Key features of the app include:
- Full-screen canvas that adapts to window resizing.
- Animated spheres that move and bounce within the canvas.
- Interactive mouse tracking that alters the visual effects based on user input.
- Customizable color schemes and blending modes for the gradients.
- A halftone pattern overlay that adds texture to the background.
- Noise effects that enhance the visual complexity of the canvas.

Overall, this application serves as a creative tool for developers looking to implement dynamic and interactive backgrounds in their web projects.

Dynamic Visual Representation

The app is a project management tool designed to facilitate the implementation of the Shape Up methodology, which emphasizes focused work cycles, team autonomy, and effective risk management. The app provides a structured environment for teams to manage experiments, track progress, and visualize project statuses using hill charts.

Users can navigate through various sections, including experiments, cycles, and betting tables. The experiments section allows users to create, edit, and manage experiments, each with detailed attributes such as title, description, status, and progress. Users can also define secondary activities associated with each experiment, enabling granular tracking of tasks and responsibilities.

The cycles section organizes experiments into defined time frames, allowing teams to plan and execute their work effectively. Users can view current, past, and upcoming cycles, with the ability to track the status of experiments within each cycle.

The betting table feature allows teams to assign experiments to specific teams for execution in the next cycle. Users can select experiments, assign teams, and finalize bets, ensuring that everyone is aligned on priorities and responsibilities.

Key features of the app include:
- A user-friendly interface for managing experiments and cycles.
- Hill chart visualizations that provide a clear overview of project progress and risk.
- The ability to create and manage secondary activities for detailed task tracking.
- Integration of team assignment functionalities to enhance collaboration.
- Toast notifications to inform users of actions taken, such as progress updates and team assignments.

The app is built using modern web technologies, including TypeScript and React, ensuring a responsive and interactive user experience. It leverages context management for state handling, allowing for efficient data flow and updates across components. The design incorporates reusable UI components for consistency and ease of use.

Overall, the app serves as a comprehensive tool for teams looking to adopt the Shape Up methodology, providing the necessary features to enhance productivity and project visibility.

lexibot

Crop Studio is an advanced screen sharing and workflow optimization tool designed to enhance user privacy while facilitating efficient communication. The app allows users to share specific sections of their screens during calls, ensuring that sensitive information remains hidden while still conveying essential content.

To use Crop Studio, users can navigate to the app's homepage, where they will find a user-friendly interface featuring a header with navigation links, a hero section that highlights the app's key features, and sections dedicated to integrations and partner showcases. Users can easily download the app or access demo features through prominent buttons.

The app is built using modern web technologies, including TypeScript, React, and Next.js, which provide a robust framework for developing interactive user interfaces. Additionally, Tailwind CSS is utilized for styling, ensuring a responsive and visually appealing design.

Key features of Crop Studio include:
- Advanced screen sharing capabilities that allow users to crop out unnecessary information, focusing on what matters most.
- Seamless integration with popular collaboration tools, enhancing the overall workflow.
- A low CPU usage design that optimizes performance during screen sharing sessions.
- A visually engaging interface with gradient backgrounds, interactive elements, and a marquee for showcasing partner logos.

Overall, Crop Studio aims to provide a secure and efficient screen sharing experience, making it an essential tool for professionals who prioritize privacy and productivity in their communications.

Crop Studio Landing

This application is a web-based game called "Emoji Survivors," where players must survive waves of emoji-themed enemies. The game allows users to select a character, each with unique abilities and starting weapons, and engage in combat against various enemy types. Players can evolve their weapons and upgrade their stats as they progress through the game.

To use the app, players start by selecting a character from a menu. Once a character is chosen, they enter the game where they control their character using the WASD keys or arrow keys to navigate the game area. The game features an auto-attack mechanism that targets nearby enemies. Players can collect items that provide health, experience, or temporary power-ups, and they can evolve their weapons by meeting specific requirements as they level up.

The app is built using TypeScript and React, leveraging hooks for state management and effects. It utilizes a component-based architecture, with reusable UI components for buttons, cards, and progress indicators. The game logic is encapsulated within a main game loop that updates the state of the game, including player movement, enemy spawning, and projectile management.

Key features of the app include:
- Character selection with distinct abilities and starting weapons.
- A variety of enemies with different health, speed, and damage attributes.
- Weapon evolution and upgrades based on player performance and experience.
- Item collection that enhances gameplay through health restoration and temporary boosts.
- A scoring system that tracks player performance, including total kills and time survived.
- Sound effects that enhance the gaming experience.

Overall, "Emoji Survivors" combines engaging gameplay mechanics with a visually appealing design, making it an entertaining experience for players.

Pixel perfect landing page

This application is a podcast platform designed to allow users to discover, listen to, and manage their favorite podcasts. It features a user-friendly interface that enables users to browse trending podcasts, view detailed information about individual podcasts, and listen to episodes seamlessly.

To use the app, users can navigate through various sections such as "Home," "Discover," and "Categories" using a responsive header and sidebar. They can search for specific podcasts using a search bar, and upon selecting a podcast, they can view its details, including the host, description, and a list of episodes. Users can play episodes directly from the podcast page or from a list of trending and recently played podcasts.

The app is built using modern web technologies, including TypeScript and React for the frontend, with Next.js as the framework. It utilizes a context API for managing audio playback state, allowing for features like play, pause, skip, and volume control. The UI components are styled using Tailwind CSS, ensuring a responsive and visually appealing design.

Key features of the app include:
- A podcast player that supports play, pause, skip forward, skip backward, and volume control.
- A detailed podcast information page that includes the podcast's cover image, host, description, and social media links.
- A list of episodes for each podcast, with the ability to play episodes directly from the list.
- A persistent mini-player that remains accessible while users navigate through the app.
- A subscription form for users to sign up for updates or newsletters.
- A sidebar and right sidebar for easy navigation and access to top podcasters and quick search functionality.

Overall, this podcast application provides a comprehensive platform for podcast enthusiasts to explore and enjoy audio content.

Next.js podcast site

This application is a Capture The Flag (CTF) platform designed for cybersecurity enthusiasts to test and enhance their hacking skills through various challenges. Users can sign up, log in, and participate in solving challenges that cover different categories such as Web Exploitation, Cryptography, Forensics, and more. Each challenge has a specific point value and difficulty level, and users can earn achievements and track their progress on a scoreboard.

To use the app, users can create an account or log in using their email and password. Once logged in, they can browse through available challenges, filter them by category, and search for specific challenges. Users can submit flags for challenges they have solved, view their submission history, and unlock hints to assist them in solving challenges. The app also features a leaderboard that displays the top users based on points earned.

The application is built using TypeScript and React, leveraging Next.js for server-side rendering and routing. It utilizes Supabase as the backend for authentication, database management, and real-time data handling. The database schema includes tables for users, challenges, submissions, hints, and achievements, allowing for a structured and efficient data management system.

Key features of the app include:
- User authentication with sign-up and login functionality.
- A dynamic challenge list with filtering and search capabilities.
- Submission of flags for challenges and tracking of submission history.
- Unlockable hints that cost points to assist users in solving challenges.
- A scoreboard displaying top users and their ranks.
- User profiles that showcase achievements, recent activity, and challenge completion statistics.

Overall, this app provides an engaging and educational environment for users to improve their cybersecurity skills while competing with others in a gamified setting.

Advanced ctf lab creation

The Checkfit app is an AI-powered health assistant designed to help users track, analyze, and improve their health through personalized insights. The app provides features for logging nutrition, water intake, sleep, and physical activity, allowing users to monitor their health metrics and receive tailored recommendations based on their data.

To use the app, users can create an account by registering with their email and password. Once registered, they can log in to access their dashboard, where they can view their health metrics, including daily calorie intake, water consumption, sleep duration, and activity levels. The app also includes an onboarding process to gather user information, such as age, weight, height, and health goals, to provide personalized insights.

Key technologies involved in the development of the Checkfit app include Next.js for server-side rendering and routing, TypeScript for type safety, and Supabase for backend services, including authentication and database management. The app utilizes various UI components built with Tailwind CSS for styling and Lucide icons for visual elements.

Key features of the Checkfit app include:
- User authentication with login and registration functionality.
- A dashboard that displays an overview of health metrics and progress.
- Logging capabilities for nutrition, water intake, sleep, and physical activity.
- Personalized insights generated by AI based on user data.
- A health assistant feature that allows users to ask questions and receive tailored advice.
- Notifications and reminders to encourage healthy habits.
- A responsive design that works on both desktop and mobile devices.

Overall, Checkfit aims to empower users to take control of their health by providing them with the tools and insights needed to make informed decisions about their wellness journey.

Checkfit Health Assistant

Cogniflorence is a comprehensive mental wellness application designed to help users practice Cognitive Behavioral Therapy (CBT) techniques independently. The app provides tools and resources to monitor mental health, identify negative thought patterns, and develop healthier cognitive habits.

Mental Health CBT App

This app is a cryptocurrency trading dashboard designed to provide users with a comprehensive platform for managing their crypto assets. It allows users to track real-time cryptocurrency prices, analyze their portfolio performance, and execute trades. The app features a user-friendly interface that includes various components such as a wallet management system, market exploration tools, and an AI-powered trading assistant.

To use the app, users can create an account by filling out a registration form that includes their full name, email, and password. After registration, users can log in to access their dashboard, where they can view their wallet balance, transaction history, and market trends. The app also allows users to deposit, withdraw, and transfer funds between different cryptocurrencies.

The app is built using modern web technologies, including Next.js for server-side rendering and routing, TypeScript for type safety, and Tailwind CSS for styling. It utilizes Recharts for data visualization, providing interactive charts and graphs to help users analyze their portfolio and market trends. The app also incorporates Lucide React for icons, enhancing the overall user experience.

Key features of the app include:
- Real-time cryptocurrency price tracking and market data.
- Portfolio statistics with interactive charts for performance analysis.
- Orderbook and trades visualization for informed trading decisions.
- A watchlist for tracking favorite cryptocurrencies.
- Wallet management with detailed transaction history.
- An AI-powered chat assistant for trading insights and recommendations.
- User account settings for managing preferences, notifications, and security.

Overall, this cryptocurrency trading dashboard aims to provide users with a powerful and intuitive platform for managing their crypto investments effectively.

Hotel Booking

The MotionFleet app is a comprehensive platform designed to connect vehicle owners with advertisers for mobile advertising campaigns. It allows users to manage their advertising efforts, track vehicle performance, and monitor earnings in real-time. The app is built using modern web technologies, including TypeScript, React, and Next.js, with styling provided by Tailwind CSS.

Key features of the MotionFleet app include:

1. **User Registration and Login**: Users can sign up as either vehicle owners or advertisers, providing necessary details to create their accounts.

2. **Dashboard**: The app features a user-friendly dashboard that provides an overview of active campaigns, earnings, and vehicle performance metrics. Users can switch between advertiser and driver views based on their roles.

3. **Campaign Management**: Advertisers can create, manage, and monitor their advertising campaigns, while vehicle owners can apply for campaigns that match their vehicle type and location.

4. **Real-Time Tracking**: The app includes a live tracking feature that allows users to monitor the location and status of vehicles in real-time, enhancing campaign effectiveness.

5. **Analytics and Reporting**: Users have access to advanced analytics that provide insights into campaign performance, audience reach, and return on investment (ROI).

6. **Wallet Management**: The app includes a wallet feature where users can manage their funds, track transactions, and view payment history.

7. **Interactive Chat Assistant**: The Moffy Assistant provides users with instant support, answering queries related to campaigns, payments, and vehicle requirements.

8. **Responsive Design**: The app is designed to be responsive, ensuring a seamless experience across various devices, including desktops and mobile devices.

To use the app, users can register for an account, log in, and navigate through the dashboard to access different features. They can create or apply for campaigns, track their vehicles, and manage their earnings all within a single interface.

Overall, MotionFleet aims to streamline the process of vehicle-based advertising, making it easier for both advertisers and vehicle owners to collaborate effectively.

MotionFleet App Development

Background Circles

Background Circles

Matrix Quantum Terminal

Matrix Quantum Terminal

This app is designed to help students prepare for the IIT JEE examination by tracking their study progress across key subjects: Mathematics, Chemistry, and Physics. The application provides a structured overview of topics within each subject, categorized by priority phases, and allows users to mark their progress on various study materials such as lectures, sheets, short notes, and revisions.

To use the app, users can navigate through different subjects using a tabbed interface. Each subject contains a detailed breakdown of chapters along with their respective weightage, which indicates their importance in the exam. Users can check off completed topics for each chapter and year, and the app will automatically save this progress in the browser's local storage. The progress is visually represented through progress bars, allowing users to see their completion percentage for each priority phase and the overall subject.

The app is built using TypeScript and React, leveraging modern web technologies to create a responsive and interactive user experience. It utilizes components for UI elements such as tables, cards, and checkboxes, ensuring a clean and organized layout. The state management is handled using React's useState and useEffect hooks, which facilitate the tracking of completed topics and the calculation of progress.

Key features of the app include:
- A tabbed interface for easy navigation between subjects.
- Detailed topic breakdowns categorized by priority phases.
- Checkboxes for marking completed topics across different study materials.
- Progress tracking with visual indicators for both individual topics and overall subject completion.
- Local storage integration to save user progress between sessions.

Overall, this app serves as a comprehensive study tracker for students preparing for the IIT JEE, helping them manage their study schedule effectively and stay motivated throughout their preparation journey.

IIT JEE 2025 Planner Dark

This app is an e-commerce platform designed for selling furniture, specifically targeting customers in Belarus. It offers a wide range of products, including beds, sofas, and armchairs, with features that enhance the shopping experience.

Users can navigate through the app to view product categories, detailed product descriptions, and images. The app allows users to filter products based on various criteria such as category, subcategory, style, color, and price range. Additionally, users can add items to their favorites and shopping cart, and manage their selections easily.

The app is built using Next.js, a React framework that enables server-side rendering and static site generation. It utilizes TypeScript for type safety and improved developer experience. The user interface is styled with Tailwind CSS, providing a responsive and modern design. The app also incorporates various UI components from a custom library, including buttons, cards, and modals.

Key features of the app include:
- A responsive layout that adapts to different screen sizes.
- A favorites context that allows users to save products they like.
- A cart context for managing items in the shopping cart, including quantity updates and removal of items.
- A search functionality that helps users find products quickly.
- A quick view feature that allows users to see product details without leaving the current page.
- A delivery and payment information section that provides users with essential details about their orders.
- A contact form for customer inquiries, with a success dialog to confirm message submission.

Overall, the app aims to provide a seamless shopping experience for users looking to purchase quality furniture online.

This application is a web-based service called PageOne, designed to assist businesses in creating high-quality websites and landing pages. The app aims to accelerate business growth by providing strategic design solutions that support customer acquisition and conversion.

Users can navigate the app to explore various features, including website creation services and LINE account setup. The app is built using modern web technologies such as React, TypeScript, and Next.js, ensuring a responsive and dynamic user experience. It utilizes Tailwind CSS for styling, allowing for a customizable and visually appealing interface.

Key features of the app include:

1. **Responsive Design**: The application is designed to be mobile-friendly, ensuring that websites created through the service look great on all devices.

2. **Service Overview**: Users can view detailed descriptions of the services offered, including website creation and LINE account management, along with their respective benefits.

3. **Portfolio Showcase**: The app includes a section to display previous work and case studies, highlighting successful projects completed for various clients.

4. **Pricing Plans**: Clear and straightforward pricing plans are provided, allowing users to choose the best option for their needs.

5. **Contact Options**: Users can easily reach out for inquiries or consultations through a contact form, email, or LINE messaging, facilitating seamless communication.

6. **Blog Section**: The app features a blog that provides valuable information and tips related to web design and marketing, helping users stay informed about industry trends.

7. **User-Friendly Navigation**: The app includes a well-structured header and footer for easy navigation, ensuring users can find the information they need quickly.

Overall, PageOne is designed to simplify the process of establishing an online presence for businesses, making it accessible for users with varying levels of technical expertise.

Community Crowdfunding

Community Crowdfunding

Next.js Flight Website

Test Bingo Game

The app is a comprehensive platform designed for managing and engaging with a multi-sport ecosystem, specifically the Inter Nations Championship. It provides users with real-time data and insights into various sports, nations, and trading markets, facilitating a seamless experience for fans, traders, and participants.

Key functionalities of the app include:

1. **Multi-Chain Dashboard**: Users can view the status and metrics of various blockchain networks supporting different sports. This includes total value locked (TVL), transaction counts, gas prices, and compliance scores for each chain.

2. **Athlete Token Management**: The app allows users to manage and trade tokens associated with athletes. Users can view detailed statistics about each athlete, including market cap, price changes, performance scores, and endorsements.

3. **Regulatory Compliance**: The app provides insights into compliance with various regulatory frameworks across different jurisdictions. Users can track compliance scores, KYC levels, and tax compliance metrics.

4. **Sport-Specific Architecture**: The app showcases dedicated blockchain infrastructure for each sport, detailing performance metrics, features, and scalability solutions.

5. **Institutional Trading**: Users can engage in trading activities, including trading championship tokens, participating in prediction markets, and accessing liquidity pools.

6. **User Profiles**: Users can manage their profiles, track their investments, and customize their preferences, including notification settings and favorite sports or nations.

7. **Interactive UI**: The app features a user-friendly interface with interactive elements such as tabs, cards, and buttons, allowing users to navigate through different sections easily.

Technologies involved in the app include React Native for mobile development, TypeScript for type safety, and Tailwind CSS for styling. The app is built to be responsive and optimized for performance, ensuring a smooth user experience across various devices.

Overall, the app serves as a centralized hub for fans and traders to engage with the Inter Nations Championship, providing them with the tools and information needed to enhance their experience in the multi-sport ecosystem.

Recreate Figma UI

ImageCraft is a professional image manipulation platform designed to provide users with powerful and intuitive tools for editing images and vectors. The app allows users to resize images, edit vector graphics, and apply various filters, all within a user-friendly interface.

To use the app, users can upload images directly through a drag-and-drop interface or by selecting files from their device. Once an image is uploaded, users can adjust dimensions, apply filters, and make other modifications. The app also features a vector editor where users can create and manipulate vector graphics, including shapes and text. Users can save their projects, download images in various formats, and share their creations.

The app is built using modern web technologies, including TypeScript and React, with Next.js as the framework. It utilizes Tailwind CSS for styling, ensuring a responsive and visually appealing design. The app also incorporates various UI components for a seamless user experience, including buttons, sliders, and input fields.

Key features of ImageCraft include:
- Image Resizer: Resize, crop, and convert images with real-time previews.
- Vector Editor: Create and edit vector graphics with layers, shapes, and text.
- Advanced Filters: Apply professional filters, remove backgrounds, and adjust colors with precision.
- Project Management: Save and manage multiple projects, with automatic saving and activity logging.
- User-Friendly Interface: Intuitive design with drag-and-drop functionality and responsive layout for both desktop and mobile devices.
- Export Options: Download images in multiple formats, including PNG, JPEG, and SVG.

Overall, ImageCraft aims to simplify the image editing process for creators of all levels, providing them with the tools they need to produce high-quality visuals efficiently.