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

...

...

This application is a comprehensive web platform designed to provide a range of services, including web development, mobile app development, mechanical engineering, and digital solutions. It aims to facilitate business growth and innovation through advanced technology and strategic design.

Users can navigate through various sections of the app, including a homepage featuring a dynamic hero section with a video background, a services overview, a portfolio showcase, and a detailed consultation process. The app utilizes modern web technologies such as React, TypeScript, and Next.js, ensuring a responsive and interactive user experience.

Key features of the app include:

1. **Dynamic Content**: The app features animated sections, including a typing hero effect and a spinning earth background, enhancing user engagement.

2. **Service Showcase**: Users can explore different services offered, each with detailed descriptions, key features, and associated technologies. The services are presented in a visually appealing grid layout.

3. **Consultation Process**: The app includes a structured consultation process that guides users through various steps, allowing them to provide information about their business needs and project requirements.

4. **AI-Powered Support**: An AI assistant is integrated into the platform to provide instant support and answer user queries, enhancing the overall user experience.

5. **Portfolio and Projects**: Users can view a showcase of completed projects, including descriptions, technologies used, and key achievements, helping potential clients understand the capabilities of the service provider.

6. **User Interaction**: The app allows users to like or dislike projects, providing feedback on the showcased work.

7. **Language Support**: The application supports multiple languages, allowing users to switch between languages seamlessly.

8. **Responsive Design**: The app is designed to be fully responsive, ensuring a consistent experience across devices, from desktops to mobile phones.

Technologies involved in the development of this application include React for the frontend, Next.js for server-side rendering, TypeScript for type safety, and various libraries such as Framer Motion for animations and Lucide for icons. The application also employs Tailwind CSS for styling, ensuring a modern and clean design.

Overall, this application serves as a powerful tool for businesses looking to leverage technology for growth, providing a user-friendly interface and a wealth of resources to support their journey.

Simple Dialog with animated enter/exit which is subtle but sexy!

Animated unauthorized page

The Kode Kosan app is a web development service platform designed to showcase the company's offerings, processes, and client testimonials. It serves as a comprehensive resource for potential clients looking to understand the value and capabilities of Kode Kosan in delivering digital solutions.

To use the app, users can navigate through various sections, including "Why Choose Us," "Services," "Portfolio," and "Contact." Each section provides detailed information about the company's unique benefits, the services offered, examples of past projects, and a contact form for inquiries. Users can also view testimonials from satisfied clients and explore the technologies used in the development process.

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 utilizes Tailwind CSS for styling, ensuring a responsive and visually appealing interface. The app also incorporates various UI components, such as cards, buttons, and tabs, to enhance usability and navigation.

Key features of the Kode Kosan app include:
- A clear presentation of the company's unique selling points and client-centric approach.
- Detailed descriptions of services, including web development, mobile app development, UI/UX design, and digital marketing.
- A portfolio showcasing completed projects, allowing potential clients to assess the quality of work.
- A contact form for easy communication with the Kode Kosan team.
- Testimonials from clients that highlight the effectiveness and satisfaction of the services provided.
- A responsive design that adapts to different screen sizes, ensuring accessibility on both desktop and mobile devices.

Overall, the Kode Kosan app serves as a powerful tool for attracting new clients and providing them with the information they need to make informed decisions about their web development needs.

This app is a drag-and-drop website builder designed to allow users to create and customize web pages easily, similar to platforms like Weebly or Wix. It provides a user-friendly interface where users can select various elements, such as text, images, buttons, and layouts, and arrange them on a canvas to build their desired website.

To use the app, users can start by selecting elements from a sidebar, which is organized into categories such as text, structure, media, and interactive components. Users can drag these elements onto a central canvas area, where they can be positioned and resized as needed. The app also includes a properties panel that allows users to edit the content and style of the selected elements, including text, colors, margins, and more. Users can switch between different view modes (desktop, tablet, mobile) to see how their website will look on various devices.

The app is built using modern web technologies, including React for the user interface, TypeScript for type safety, and Next.js for server-side rendering and routing. It utilizes libraries such as react-beautiful-dnd for drag-and-drop functionality and Lucide for icons.

Key features of the app include:
- A drag-and-drop interface for easy element placement.
- A sidebar with categorized elements for quick access.
- A properties panel for editing the content and styles of selected elements.
- Predefined layout templates to help users get started quickly.
- Responsive design capabilities to preview how the website will look on different devices.
- The ability to save and export the created website.

Overall, this app aims to simplify the website creation process, making it accessible to users without extensive technical knowledge.

TechSolutions Design

Backlink checker tool

The app is a comprehensive web-based platform designed for managing various aspects of a digital portfolio, including projects, tasks, and customer relationships. It provides users with tools to create, edit, and organize their portfolio items, manage tasks, and interact with customers effectively.

To use the app, users can navigate through a dashboard that features a sidebar for easy access to different sections such as portfolio management, task management, customer management, and settings. Users can create new projects or tasks, edit existing ones, and filter or search through their items. The app also supports markdown for content creation, allowing users to format their text easily.

The app is built using Next.js, a React framework, and utilizes TypeScript for type safety. It employs various UI components from libraries like Radix UI and Lucide for icons, ensuring a modern and responsive design. The styling is managed with Tailwind CSS, providing utility-first styling capabilities.

Key features of the app include:
- Portfolio Management: Users can create and manage projects and blog posts, including features like image uploads, tagging, and status tracking.
- Task Management: Users can create, edit, and organize tasks with options for priority, due dates, and assignees.
- Customer Management: A dedicated section for managing customer relationships, including a searchable customer database and options for adding new customers.
- Theming: Users can customize the app's appearance with light and dark modes, as well as select accent colors.
- Notifications: The app includes a notification system to keep users informed about important updates and actions.
- Responsive Design: The app is designed to work seamlessly across different devices, with a mobile-friendly interface.

Overall, the app serves as a powerful tool for individuals and teams looking to manage their digital presence and workflow efficiently.

The FootballAI app is a comprehensive platform designed for football enthusiasts to predict match outcomes using advanced statistical analysis and machine learning techniques. The app allows users to input team statistics, analyze recent forms, and generate predictions for upcoming matches.

To use the app, users can sign up for an account to access personalized features, including saving predictions and tracking accuracy over time. The main interface includes a prediction form where users can enter details about the home and away teams, such as goals scored, goals conceded, recent form, league position, and player availability. Users can also specify weather conditions that may impact the match.

The app is built using modern web technologies, including Next.js for server-side rendering and React for building user interfaces. It utilizes Supabase as a backend service for database management, allowing for real-time data storage and retrieval. The UI components are styled with Tailwind CSS, providing a responsive and visually appealing design.

Key features of the FootballAI app include:
- Match prediction generation based on user-inputted team statistics and historical data.
- A prediction accuracy tracker that displays overall accuracy and league-specific performance.
- A user-friendly interface with tabs for easy navigation between different sections, such as prediction input, history, and insights.
- The ability to toggle between advanced and expert modes, offering deeper analytical insights for users who want more detailed information.
- Integration with ElevenLabs for generating audio narratives of match predictions, enhancing the user experience through auditory feedback.
- A mobile-responsive design that adapts to different screen sizes, ensuring usability across devices.

Overall, the FootballAI app aims to provide an engaging and informative experience for users interested in football predictions, combining statistical rigor with user-friendly design.

Football Match Predictor

The PaperMind app is designed to enhance the research experience for academic professionals by providing an intelligent memory system and AI-powered insights. It allows users to upload research papers, visualize connections between ideas, and access advanced reading features.

To use the app, users can upload PDF files or provide URLs to research papers. Once uploaded, the app processes the documents and enables users to interact with the content through a memory graph that visualizes relationships between key highlights and concepts. Users can search for specific highlights, filter results, and select nodes in the graph to view detailed information about the associated research.

The app is built using modern web technologies, including TypeScript and React, with a focus on responsive design to accommodate both desktop and mobile users. It utilizes the Next.js framework for server-side rendering and routing, and employs Tailwind CSS for styling, ensuring a clean and user-friendly interface.

Key features of the PaperMind app include:
- A memory graph that visually represents connections between research highlights.
- The ability to upload papers directly or import them via URLs.
- AI-powered explanations for selected text, enhancing understanding of complex concepts.
- A search function to quickly find specific highlights or papers.
- Responsive design that adapts to different screen sizes, making it accessible on both desktop and mobile devices.
- Integration with a toast notification system to provide feedback on user actions, such as successful uploads or saved highlights.

Overall, PaperMind aims to streamline the research process, making it easier for users to read, understand, and connect various academic papers.

Research paper app

This application is a mini e-commerce management system designed for administrators to manage product listings. It allows users to create, read, update, and delete products, as well as manage user authentication and image uploads.

To use the app, users must first sign up or log in using their email and password. Once authenticated, they can access the product management interface where they can view a list of products, add new products, edit existing ones, and delete products as needed. The application also supports image uploads for products, allowing users to provide visual representations of their items.

The app is built using several technologies, including React for the frontend, TypeScript for type safety, and Supabase as the backend service for database management and authentication. The application utilizes PostgreSQL for data storage, with Row Level Security (RLS) policies to ensure that only authenticated users can perform actions on the product data.

Key features of the app include:
- User authentication with sign-up and login functionality.
- A product management interface that allows users to view, add, edit, and delete products.
- Image upload functionality for product images, with support for manual URL input.
- Real-time notifications for user actions, such as successful product creation or errors.
- Form validation to ensure that product data meets specified criteria before submission.
- A responsive design that adapts to different screen sizes for usability on various devices.

Overall, this application provides a comprehensive solution for managing an e-commerce product catalog, with a focus on user experience and data integrity.

Supabase Mini Ecommerce

The Seletto Barbershop app is designed to provide users with a comprehensive platform for managing their grooming needs. It allows users to explore various services offered by the barbershop, schedule appointments, and access exclusive membership benefits. The app features a modern and user-friendly interface, built using React and Next.js, with styling provided by Tailwind CSS.

To use the app, users can navigate through different sections, including About, Services, Club, Reviews, Gallery, Location, and Schedule. Each section provides detailed information about the barbershop, its offerings, and customer testimonials. Users can easily schedule appointments through the app or contact the barbershop via WhatsApp for immediate assistance.

Key technologies involved in the development of the app include TypeScript for type safety, React for building the user interface, and Tailwind CSS for responsive design and styling. The app also utilizes Framer Motion for smooth animations and transitions, enhancing the overall user experience.

Key features of the Seletto Barbershop app include:
- A responsive design that adapts to various screen sizes.
- A comprehensive list of services, including detailed descriptions and pricing.
- An exclusive membership program offering benefits such as unlimited access to services and priority appointments.
- A gallery showcasing the barbershop's environment and facilities.
- Customer reviews and ratings to build trust and credibility.
- Easy scheduling options through the app or direct WhatsApp contact.
- Language support for both Portuguese and English, catering to a wider audience.

Overall, the Seletto Barbershop app aims to streamline the grooming experience for users while providing a modern and engaging platform for the barbershop's services.

Seletto landing page

Testimonials Slider

Testimonials Slider

blockshield

This application is a comprehensive VPN service designed to provide users with secure, fast, and reliable internet access while protecting their online privacy. It offers a user-friendly interface that allows individuals to easily connect to a global network of servers, ensuring they can access content from anywhere in the world.

To use the app, users can download it from the App Store or Google Play, or access it on various platforms including Windows and Mac. Once installed, users can create an account, select their preferred server location, and connect with a single click. The app supports multiple devices simultaneously, allowing users to protect their privacy across smartphones, tablets, and computers.

The application is built using modern web technologies, including TypeScript and React for the frontend, and utilizes Tailwind CSS for styling. It features a responsive design that adapts to different screen sizes, ensuring a seamless experience on both mobile and desktop devices.

Key features of the app include:
- Military-grade encryption to secure user data and online activities.
- High-speed connections optimized for streaming and browsing.
- A global network of servers in over 90 countries, providing users with extensive coverage.
- A strict no-logs policy, ensuring that user activities are not tracked or stored.
- Support for multiple devices, allowing users to connect up to six devices simultaneously.
- 24/7 customer support to assist users with any issues or inquiries.

The app also includes sections for user testimonials, frequently asked questions, and a transparent pricing model with various subscription plans to cater to different user needs. Overall, this VPN service aims to deliver a secure and efficient online experience for its users.

Zoom会议集成

The SolXtreme app is a cross-chain cryptocurrency aggregator designed to facilitate various crypto-related activities, including token swaps, voice-activated commands, and the creation of video meme tokens. It provides users with a comprehensive dashboard that allows them to manage their crypto assets across multiple blockchain networks.

To use the app, users can navigate through a user-friendly interface that includes a header for navigation, a dashboard with tabs for different functionalities, and a wallet connection feature. Users can connect their cryptocurrency wallets to access the app's features, such as swapping tokens, creating new tokens with video content, and executing trades using voice commands.

The app is built using modern web technologies, including TypeScript, React, and Next.js, which enable a responsive and dynamic user experience. It utilizes Tailwind CSS for styling, ensuring a visually appealing and consistent design. The app also incorporates various UI components for buttons, cards, and modals, enhancing usability.

Key features of the SolXtreme app include:

1. **Cross-Chain Token Swapping**: Users can swap tokens across different blockchain networks, with real-time quotes and multiple exchange options.

2. **Voice Command Functionality**: The app allows users to execute trades and manage their assets using voice commands, making it accessible and convenient.

3. **Video Meme Token Creation**: Users can create unique tokens that are associated with video content, adding a creative aspect to token generation.

4. **Market Overview**: The dashboard provides insights into market trends, including price changes, total value locked (TVL), and active user statistics.

5. **Responsive Design**: The app is optimized for both desktop and mobile devices, ensuring a seamless experience across different screen sizes.

6. **Theme Customization**: Users can toggle between light and dark themes, enhancing personalization and comfort during use.

Overall, SolXtreme aims to simplify the process of managing cryptocurrency assets while providing innovative features that cater to the evolving needs of crypto enthusiasts.

front end and back end full stack workflow and integration

Settings page design

The Asteroids app is a web-based game that allows users to control a spaceship and navigate through an asteroid field while shooting at asteroids and avoiding collisions. The objective is to survive as long as possible while accumulating points by destroying asteroids and an alien ship that appears periodically.

To use the app, players can start the game by clicking the "START GAME" button. The controls are as follows: use the A or D keys (or the left and right arrow keys) to rotate the ship, the W key (or the up arrow key) to thrust forward, and the spacebar to fire projectiles. Players can track their score and remaining lives displayed on the screen. If the player's ship is destroyed, they lose a life, and the game ends when all lives are lost.

The app is built using TypeScript and React, leveraging the HTML5 canvas for rendering graphics. Key technologies involved include React for the user interface, TypeScript for type safety, and the canvas API for drawing game elements such as the ship, asteroids, projectiles, and explosions.

Key features of the Asteroids app include:
- A responsive game canvas that adjusts to the player's actions.
- Smooth animations and real-time updates for game elements.
- Collision detection between projectiles, asteroids, and the player's ship.
- Dynamic spawning of asteroids and an alien ship that adds challenge to the gameplay.
- Visual effects such as explosions and asteroid fragments when objects are destroyed.
- A scoring system that rewards players for destroying asteroids and the alien ship.
- A game-over screen that displays the final score and allows players to restart the game.

Overall, the Asteroids app provides an engaging and interactive gaming experience, combining classic arcade gameplay with modern web technologies.

Asteroids game development

The Shoira Blog app is a personal blogging platform designed to allow users to create, manage, and share articles. It features a user-friendly interface that supports both light and dark modes, enhancing the reading experience. The app is built using modern web technologies, including HTML, CSS, JavaScript for the frontend, and Node.js with Express.js for the backend. MongoDB is utilized as the database to store user and article data.

To use the app, users can navigate through various sections such as the homepage, about page, articles, projects, portfolio, and contact page. Users can register and log in to create and manage their articles. The dashboard provides an overview of the user's articles, including options to create new articles, edit existing ones, and delete them. The articles can include images and are displayed with metadata such as the author's name and publication date.

Key features of the Shoira Blog app include:
- User authentication for secure access to personal accounts.
- Article creation and management, allowing users to write, edit, and delete articles.
- A responsive design that adapts to different screen sizes, ensuring accessibility on mobile devices.
- Dynamic loading of articles and related content, enhancing user engagement.
- A contact form for users to reach out with inquiries or feedback.
- Integration with an email service for notifications and contact submissions.
- A portfolio section to showcase projects and skills.

The app also includes animations for a modern user interface experience and is structured to facilitate easy navigation and content discovery. Overall, Shoira Blog serves as a comprehensive platform for sharing knowledge and experiences through blogging.

This application is a web-based platform designed to connect local farmers and vendors with consumers, facilitating the purchase of fresh, locally sourced produce and artisanal goods. The app provides a user-friendly interface for browsing products, managing shopping carts, and processing orders, while also offering features for user registration, login, and loyalty rewards.

Users can navigate through various sections of the app, including a homepage that highlights featured products, an about section detailing the platform's mission, and a contact form for inquiries. The product catalog allows users to view detailed information about each item, including images, descriptions, prices, and vendor details. Users can add products to their cart, adjust quantities, and proceed to checkout, where they can enter shipping and payment information.

Key features of the app include:

1. **Product Browsing**: Users can explore a wide range of products categorized by type, with detailed descriptions and images for each item.

2. **Shopping Cart Management**: Users can add items to their cart, modify quantities, and view a summary of their selected products, including subtotal and shipping costs.

3. **User Authentication**: The app supports user registration and login, allowing users to create accounts, manage their profiles, and view their order history.

4. **Loyalty Rewards Program**: Users can earn points for purchases, which can be redeemed for discounts and exclusive offers. The app tracks user points and tier status within the loyalty program.

5. **Contact and Newsletter Subscription**: Users can submit inquiries through a contact form and subscribe to a newsletter for updates on products and events.

6. **Responsive Design**: The app is built with a responsive layout, ensuring a seamless experience across various devices.

The application is developed using modern web technologies, including TypeScript and React for the frontend, with a focus on component-based architecture. It utilizes Tailwind CSS for styling, providing a clean and responsive design. The app also incorporates hooks for state management and context for managing the shopping cart, enhancing the user experience.

Overall, this application serves as a comprehensive platform for promoting local agriculture and fostering community engagement through the sale of fresh produce and artisanal products.

Farmers Market Website

EliteWay

An interactive digital artwork where users smudge, blend, and reshape colors with touch or mouse movements. As time passes, colors gradually shift, evolving into new palettes—blue fades into orange, orange into a third hue, creating an endless, fluid transformation. A mesmerizing, ever-changing canvas of motion and color. 🎨✨

Evolving Smudge Canvas

This application is a web-based proposal platform designed for Builtt, specifically tailored for a project with Tesla. The app serves as a comprehensive proposal document that outlines the project details, phases, benefits, and pricing, providing a structured and visually appealing format for presenting information to clients.

Users can navigate through various sections of the proposal, including an introduction to Builtt, project specifics, phases of development, benefits, cost estimates, payment terms, optional services, and terms and conditions. The app features a table of contents that allows users to quickly jump to different sections, enhancing usability.

The application is built using modern web technologies, including TypeScript and React for the frontend, with Next.js as the framework. It utilizes Tailwind CSS for styling, ensuring a responsive and visually consistent design. The app also incorporates utility functions for class name management and smooth scrolling behavior for navigation.

Key features of the app include:
- A hero section that introduces the proposal with branding elements.
- Multiple sections detailing the project, including descriptions, timelines, and benefits.
- A pricing list that dynamically calculates totals and discounts.
- A project timeline that visually represents the phases of development.
- Smooth scrolling and navigation through a sticky table of contents.
- Responsive design that adapts to various screen sizes.

Overall, this application provides a structured and interactive way to present project proposals, making it easier for clients to understand the scope, benefits, and costs associated with the project.

Vertical Nav Sections

The app is a League of Legends Build Assistant designed to help players optimize their champion builds for the ARAM game mode. It allows users to input their champion, team composition, and enemy champions, and then provides tailored build recommendations, including item builds, runes, and summoner spells.

To use the app, users can either type their input or utilize voice recognition to specify their champion and team details. The app parses the input to identify the player’s champion, team champions, enemy champions, and the game mode. If any champions are unrecognized, the app will provide suggestions for corrections. Once the input is submitted, the app retrieves the corresponding build data and displays it in an organized format.

The app is built using TypeScript and React, leveraging various libraries for UI components and state management. It utilizes a mock dataset for champion builds, which includes items, runes, and summoner spells for each champion in different game modes. The app also implements a speech recognition feature for hands-free input.

Key features of the app include:
- Input parsing for champion and team details, supporting both text and voice input.
- Display of optimized build recommendations, including early, core, and late-game items.
- Detailed rune setups and summoner spell suggestions tailored to the selected champion.
- Error handling for unrecognized champions with suggestions for corrections.
- A responsive design that adapts to different screen sizes, ensuring usability across devices.

Overall, the app serves as a comprehensive tool for League of Legends players looking to enhance their gameplay experience in ARAM by providing strategic build guidance.

League of Legends Dashboard

This app serves as a deployment guide for users looking to deploy their projects from GitHub to Vercel. It provides a step-by-step walkthrough, ensuring that users can successfully connect their GitHub repositories and deploy their applications with ease.

To use the app, users simply navigate to the deployment guide interface, which is structured into four main steps. Each step includes detailed instructions and checklists to help users verify their progress. The steps cover checking the GitHub repository, logging into Vercel, importing the project, and verifying the deployment status. Users are encouraged to follow the checklist items, which include logging into their GitHub account, ensuring the repository is accessible, and confirming that necessary files are present.

The app is built using TypeScript and React, leveraging components from a UI library for a clean and organized presentation. Key features include interactive checklists for each step, clear descriptions of actions to take, and visual indicators of progress. Additionally, the app provides important notes and warnings to help users troubleshoot common issues, such as access problems with their GitHub repository.

Overall, this app is designed to streamline the deployment process for developers, making it easier to transition their projects from GitHub to Vercel while ensuring that all necessary steps are followed.

The Airfly app is a logistics and delivery service platform designed to facilitate the booking and management of delivery services for both individuals and businesses. The app provides a user-friendly interface for users to select various delivery options, including two-wheelers, trucks, packers and movers, and intercity courier services.

To use the app, users can navigate through the homepage to explore available services, select their city, and book a delivery. The app features a booking form that guides users through a multi-step process, allowing them to input details such as pickup and drop-off locations, date and time of delivery, and the type of goods being shipped. Users can also request an estimate for their delivery costs, which is calculated based on the selected service type, distance, and any additional requirements such as helpers.

The app is built using modern web technologies, including TypeScript and React for the frontend, and Tailwind CSS for styling. It leverages Next.js for server-side rendering and routing, ensuring a fast and responsive user experience. The backend is powered by a WordPress REST API, which handles data management and service retrieval.

Key features of the Airfly app include:
- A responsive design that adapts to various screen sizes.
- A city selection dropdown that allows users to choose their location for service availability.
- A multi-step booking form that simplifies the process of scheduling deliveries.
- Real-time cost estimation based on user inputs.
- Integration with a WordPress backend for managing services and user data.
- A modal interface for displaying estimates and booking confirmations.
- Customer support options, including contact information and a live chat feature.

Overall, the Airfly app aims to streamline the logistics process, making it easier for users to manage their delivery needs efficiently.

Airfly website clone

Minimal SignUp Page Design

Minimal SignUp Page Design

Nookspace is a web application designed to help users discover coworking spaces in their area. The app provides a curated directory of various workspaces, allowing remote workers, freelancers, and digital nomads to find the perfect environment for productivity and collaboration. Users can search for spaces based on location, view detailed information about each workspace, and submit new locations to expand the directory.

To use the app, users can navigate to the homepage where they will find a search section to enter their desired location. The app displays a grid of featured coworking spaces, each with essential details such as name, location, pricing, and amenities. Users can click on individual listings to view more in-depth information, including images, descriptions, and pricing options. Additionally, there is a submission form for users to suggest new coworking spaces that are not yet listed.

The application is built using modern web technologies, including Next.js for server-side rendering and routing, TypeScript for type safety, and Tailwind CSS for styling. The app is hosted on Vercel, ensuring fast deployment and scalability. Key features include a responsive design, a user-friendly interface, and a community-driven approach that encourages users to contribute to the directory.

Overall, Nookspace aims to simplify the process of finding and accessing quality coworking spaces, making it easier for users to enhance their work experience in a suitable environment.

Nookbase homepage

This application is a web-based implementation of the popular puzzle game 2048. The objective of the game is to combine numbered tiles on a grid to create a tile with the number 2048. The game is played on a 4x4 grid where players can slide tiles in four directions: left, right, up, or down. When two tiles with the same number collide, they merge into one tile with their combined value.

To use the app, players can interact with the game using either keyboard arrow keys or on-screen buttons for mobile devices. The game initializes with two tiles placed randomly on the board, and players can continue to make moves until no more valid moves are available or they reach the winning tile of 2048. Players can reset the game at any time using a dedicated button.

The app is built using TypeScript and React, leveraging React's state management to handle the game board, tiles, score, and game status. The game logic includes functions for initializing the game, moving tiles, merging tiles, and checking for game over conditions. The user interface is styled using CSS, providing a visually appealing layout with animations for tile movements and merges.

Key features of the app include:
- A responsive design that works on both desktop and mobile devices.
- Real-time score tracking and display.
- Visual feedback for newly created and merged tiles.
- Game over and win notifications.
- The ability to reset the game and start anew.

Overall, this app provides an engaging and interactive experience for users looking to enjoy the classic 2048 game in a modern web format.

Apple Rings Activity reproduction

Apple Activity Card

The Moon Buggy app is an interactive web-based game that allows users to control a buggy navigating through a space-themed terrain filled with obstacles. The primary objective is to jump over obstacles while managing speed and braking to avoid crashes.

To use the app, players can start the game by clicking the "START GAME" button. Once the game begins, they can control the buggy using keyboard inputs (Space to jump, Control to brake, and P to pause) or a connected game controller. The game also supports mobile devices, allowing users to tap the screen to jump. Players can view their score, which increases as they progress, and can pause or restart the game as needed.

The app is built using modern web technologies, including TypeScript and React, which facilitate the development of a responsive and interactive user interface. The game engine is implemented in JavaScript, utilizing the HTML5 canvas for rendering graphics and animations. The app also incorporates custom hooks for sound management, mobile detection, and game controller support, enhancing the overall user experience.

Key features of the Moon Buggy app include:
- Real-time gameplay with smooth animations and responsive controls.
- Sound effects for jumping and crashing, along with background music that loops during gameplay.
- Support for both keyboard and game controller inputs, as well as touch controls for mobile devices.
- Dynamic scoring system that tracks player performance.
- Visual feedback for game states, including game over and pause screens.
- A visually appealing space-themed environment with animated backgrounds and obstacles.

Overall, the Moon Buggy app provides an engaging gaming experience that combines fun gameplay mechanics with modern web technologies.

Interactive React components designed to enhance user experience with password inputs and eye icons that track mouse movements. The primary components include a customizable password input field and an eye icon that can toggle between open and closed states, with the ability to follow the mouse cursor.

The components are built using TypeScript and React. It utilizes Tailwind CSS for styling, ensuring a responsive and modern design. Key features include:

Created by Juan Manuel Acebal - 2025

Eye toggle password input

This app is an interactive love story experience designed for couples, specifically tailored to celebrate and reminisce about their relationship. The app guides users through a series of chapters that include memories, games, and heartfelt messages, creating a personalized journey that highlights their unique bond.

To use the app, users start by entering a password to unlock the experience. Once inside, they are greeted with an opening scene that sets the tone for the journey. The app features multiple chapters, each containing different activities such as adding memories, playing games like Tic Tac Toe and a memory matching game, and writing vows or love notes. Users can navigate through the chapters, interact with various elements, and even listen to background music that enhances the emotional experience.

The app is built using modern web technologies, including TypeScript and React for the frontend, with animations powered by Framer Motion. It utilizes local storage to save user-generated memories and comments, ensuring that the experience is both interactive and persistent. The app also incorporates audio management for sound effects and background music, enhancing the overall ambiance.

Key features of the app include:
- A welcoming opening scene with animations and sound effects.
- Multiple chapters that guide users through different activities, including memory sharing, games, and writing vows.
- Interactive games like Tic Tac Toe and a memory matching game, complete with difficulty settings.
- The ability to add, filter, and delete memories, along with a timeline of shared experiences.
- A section for users to write and save their vows, along with a comments feature for sharing love notes.
- Background music and sound effects that play throughout the experience, creating an immersive atmosphere.

Overall, this app serves as a digital keepsake for couples, allowing them to celebrate their love story in a fun and engaging way.

Romantic gift website

Exam Ki Final Tyari/test circle is a powerful and user-friendly online platform designed to help students prepare effectively for various competitive exams across India. It offers full-length mock tests and practice quizzes based on the latest syllabus and exam pattern. The platform covers a wide range of state-level and central government exams such as MP Police, MP Patwari, MPSI, Jail Prahari, UP SI, UP Constable, MPPSC, UPPSC, SSC, Railway, and many more. All mock tests are available in both Hindi and English, making it accessible to students from diverse regions. Each test includes detailed solutions and explanations to help learners understand and improve. The platform also features a timer, performance analysis, review options, and a mobile-friendly design for seamless practice anytime, anywhere. Whether you're a beginner or doing final revision, Exam Ki Final Tyari provides a real exam-like experience to boost your confidence and accuracy. With its comprehensive subject coverage, clean interface, and smart learning tools, this platform is the perfect companion for government job aspirants who want to practice smart, track progress, and succeed in their target exams.

Hi there!
This application is a web-based platform designed for the FEconf 2025, Korea's largest frontend development conference. It serves as an interactive experience for attendees, allowing them to explore various sections related to the conference, including speaker applications, sponsorship opportunities, and event details.

Users can navigate through different sections using a sidebar that displays the available topics. Each section contains detailed information, including descriptions and relevant actions, such as applying to be a speaker or sponsor. The application features a visually engaging 3D environment where users can interact with a planet model that represents the conference theme.

To use the app, users can click on the sidebar to select different sections, which will trigger animations and display relevant content. The app also includes a countdown timer to the event date, enhancing user engagement.

The technologies involved in the development of this application include React for building the user interface, Three.js for rendering 3D graphics, and Tailwind CSS for styling. The app utilizes various libraries such as Framer Motion for animations, and html2canvas for capturing screenshots of user-generated content.

Key features of the app include:
- A 3D interactive planet model that users can explore.
- A sidebar for easy navigation between different sections of the conference.
- Dynamic content rendering based on user interactions.
- A countdown timer to the event date.
- The ability to apply for speaking and sponsorship opportunities directly through the app.
- Responsive design that adapts to different screen sizes, ensuring accessibility on both desktop and mobile devices.

Overall, this application aims to provide a modern and immersive experience for attendees of FEconf 2025, combining functionality with engaging visuals.

FECONF 2025 trailer

Web Scraper Interface

Web Scraper Interface

This application is a QR Code Generator that allows users to create QR codes either individually or in bulk, with UTM tracking, by processing CSV files. Built using Next.js, React, and TypeScript, it provides a modern and efficient interface for generating QR codes.

To use the app, users can choose between two main functionalities: single QR code generation and batch processing. For single QR code generation, users enter a URL or text in the provided input field and click the "Generate QR Code" button. The generated QR code can then be downloaded as a PNG file or copied as a base64 data URL. For batch processing, users upload a CSV file containing URLs, select the appropriate column, and click the "Generate QR Codes" button. The app processes the URLs and allows users to download a CSV file that includes the original data along with the generated QR codes.

The application leverages several technologies, including Next.js 15 for server-side rendering and routing, React 19 for building user interfaces, and TypeScript for type safety. It utilizes Tailwind CSS for styling, Shadcn/UI components for UI elements, QRCode.js for QR code generation, and PapaParse for CSV file processing.

Key features of the app include:
- Single QR Code Generation: Users can create QR codes for individual URLs or text inputs.
- Batch Processing: Users can upload a CSV file to generate QR codes for multiple URLs at once.
- Customizable Output: Users can download QR codes as PNG files or obtain the base64 data for further use.
- CSV Integration: The app allows users to download results as a CSV file that includes embedded QR code data.
- Responsive Design: The application is designed to work seamlessly on both desktop and mobile devices.

To get started, users can clone the repository, install the necessary dependencies, and run the development server. The app is structured with a clear separation of concerns, including directories for actions, utilities, and components, making it easy to navigate and extend.

QR Code Generator with Bulk

Laptop Repair System

Laptop Repair System

A BTC trading bot

Trading Bot FCX

It is helpful for students to exchange materials, search for wanted materials. but it is still in the testing phase

Student Exchange material

An Apple style carousel with dots that uses CSS built-in snapping

Apple Style Carousel

Coming Soon

The Consumption Deviation app is designed to track and analyze deviations in the consumption of raw materials during the production process. It provides users with insights into how actual material usage compares to standard quantities defined in the Bill of Materials (BOM), helping to identify inefficiencies and areas for improvement.

To use the app, users can navigate through a user-friendly interface that allows them to filter and search for specific consumption records based on various criteria such as product, material, production unit, and status. The app displays a comprehensive dashboard that includes statistics on total deviations, critical and warning statuses, and visual representations of data through charts and tables.

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 from a design library, ensuring a responsive and visually appealing user experience. The app also incorporates data visualization libraries like Recharts to present consumption trends and distributions effectively.

Key features of the Consumption Deviation app include:
- A dashboard that summarizes key statistics related to material consumption deviations.
- Filtering options to narrow down the displayed data based on user-selected criteria.
- Detailed tables that list consumption records, including standard and actual quantities, deviation amounts, and statuses.
- Interactive charts that visualize trends in consumption deviations over time and the distribution of deviations across different materials.
- A dialog feature that provides detailed insights into specific deviations, including potential causes and recommended actions for improvement.
- Export functionality to generate reports in various formats such as Excel, PDF, and CSV.

Overall, the Consumption Deviation app serves as a valuable tool for production managers and quality control teams to monitor material usage, enhance operational efficiency, and reduce waste in manufacturing processes.

Iranian logistics website

Computer Academy

Computer Academy

This application is a Customer Segmentation Analysis dashboard designed to provide insights into customer behavior and demographics. It allows users to visualize and analyze various metrics related to customer segments, helping businesses make informed marketing decisions.

To use the app, users can navigate through a user-friendly interface that includes a sidebar for filtering data by date range, customer segments, geography, purchase channels, and customer value range. The main dashboard displays key performance indicators (KPIs), visualizations of customer segments, demographic breakdowns, and behavior heatmaps. Users can interact with charts and tables to explore data trends and segment details.

The app is built using TypeScript and React, leveraging various libraries such as Recharts for data visualization and Tailwind CSS for styling. Key components include a dashboard shell that organizes the layout, a header for navigation and date selection, KPI cards for quick metrics overview, and detailed visualizations such as pie charts, bar charts, and line charts.

Key features of the app include:
- KPI Cards: Displaying essential metrics like total customers, average lifetime value, customer acquisition cost, and retention rate.
- Main Visualizations: Offering pie charts for customer segments and bar charts for average purchase values across segments.
- Demographic Breakdown: Presenting customer demographics through interactive tabs for age, gender, location, and income.
- Behavior Heatmap: Visualizing engagement levels across different channels for each customer segment.
- Segment Table: Providing detailed metrics for each customer segment, sortable by various criteria.
- Action Panel: Suggesting marketing strategies tailored to different customer segments.
- Filter Sidebar: Allowing users to apply filters to refine the data displayed on the dashboard.

Overall, this application serves as a comprehensive tool for businesses to analyze customer data, identify trends, and develop targeted marketing strategies.

Customer Segmentation Dashboard

The Tide AI Workshop app is designed to assist developers in learning how to build AI-powered applications using Spring Boot and modern large language model (LLM) technologies. The app provides a comprehensive platform that includes various sections such as an introduction, features, prerequisites, installation instructions, and a call-to-action for users to get started.

To use the app, users can navigate through different sections using a responsive header that includes links to each section. The app is built using TypeScript and React, leveraging the Next.js framework for server-side rendering and routing. It also utilizes Tailwind CSS for styling, ensuring a modern and responsive design. The app incorporates Zustand for state management, particularly for theme preferences, and Vercel Analytics for tracking user interactions and page views.

Key features of the Tide AI Workshop app include:
- A responsive layout that adapts to both desktop and mobile devices, with a mobile navigation menu for easy access.
- An informative hero section that introduces the workshop and provides links to get started and learn more.
- Detailed sections outlining the features of the application, prerequisites for getting started, and step-by-step installation instructions.
- A footer that includes additional resources and links to the GitHub repository, allowing users to access the source code and contribute.
- A theme toggle feature that allows users to switch between light and dark modes for a personalized experience.

Overall, the Tide AI Workshop app serves as a valuable resource for developers looking to enhance their skills in AI application development, providing a structured and engaging learning environment.

Tide AI workshop page

This application is a comprehensive attendance management system designed for educational institutions. It allows instructors to manage courses, students, and attendance records efficiently. The app provides functionalities for adding and removing students, marking attendance, generating QR codes for classes, and generating reports on attendance statistics.

To use the app, users can navigate through various pages to manage their courses. The main features include:

1. **Course Management**: Users can create new courses, view existing courses, and manage course settings, including class names and descriptions.

2. **Student Management**: Instructors can add or remove students from courses. The app maintains a list of enrolled students for each course.

3. **Attendance Tracking**: Instructors can mark attendance for students in specific classes. The app allows for easy selection of students and classes, and it provides visual feedback on attendance status.

4. **QR Code Generation**: The app generates QR codes for each class, which students can scan to mark their attendance. This feature simplifies the attendance process and enhances user experience.

5. **Reporting**: Users can generate reports that summarize attendance data, including individual student attendance rates and overall class attendance statistics. Reports can be exported in CSV format for further analysis.

6. **Settings and Customization**: Users can customize course settings, including the course name and class names. The app also allows for sharing course links for collaborative management.

The application is built using modern web technologies, including TypeScript and React, with a focus on a responsive user interface. It utilizes local storage for data persistence, ensuring that user data is retained across sessions. The app also implements storage listeners to synchronize data across multiple tabs or windows, enhancing the user experience.

Overall, this application serves as a robust tool for managing educational courses and tracking student attendance, making it easier for educators to maintain accurate records and improve classroom engagement.

Gestão de Cursos e Presenças

lukmansk's Next.js landing page

lukmansk's Next.js landing page

Ball Trail

TALA Loan App