Profile

Enterprise Pricing FAQ

Sign In Sign Up

v0 - damilareoo - v0 by Vercel

Damilare

@damilareoo

damilareoo.xyz

Activity

Showcase

This application is a personal portfolio website designed to showcase the work and skills of Damilare Osofisan, a designer and developer. The app features a smooth scrolling experience, animated transitions, and a custom cursor for enhanced user interaction.

Users can navigate through various sections, including a hero section that introduces Damilare, a work section that highlights selected projects, an about section detailing his background and interests, and a contact section with links to social media and an email address. The app is built using React and Next.js, leveraging TypeScript for type safety. It utilizes Tailwind CSS for styling, ensuring a responsive and visually appealing layout.

Key features of the app include:
- Smooth scrolling and animated transitions between sections, enhancing the user experience.
- A custom cursor that reacts to user interactions, providing a unique visual effect.
- A mobile-friendly design that adapts to different screen sizes, ensuring accessibility on various devices.
- Dynamic content loading with React's Suspense and Framer Motion for animations, creating a modern and engaging interface.
- Integration with social media links and a clipboard functionality for easy email copying.

The application is structured with reusable components, making it easy to maintain and extend. It also includes a robust state management system for handling navigation and section visibility, ensuring a seamless user experience. Overall, this portfolio app effectively showcases Damilare's skills and projects while providing an engaging and interactive experience for visitors.

Portfolio Website

Pixel Soccer is a fast-paced, pixel-art football game inspired by Brazilian street soccer. In this intense 2-minute, player vs. CPU match, whoever scores the most goals wins! ⚽🔥

Free the Bird is a fun and interactive trivia game where players solve questions to free a caged bird. Each correct answer brings the bird closer to freedom. Test your knowledge and break the cage!

The Word Ladder War app is an interactive word game designed to challenge users' vocabulary skills by allowing them to form words from a given main word. The app features a user-friendly interface where players can enter their nicknames, play the game, and view their scores on a global leaderboard.

To use the app, users start by entering a nickname on the nickname page. Once a nickname is set, they can begin the game, where they have a limited time to create as many valid words as possible from the main word displayed. Players can select letters to form words, and the app provides immediate feedback on the validity of the submitted words. After the game ends, users can view their scores, word counts, and levels achieved, and they have the option to share their results.

The app is built using modern web technologies, including TypeScript, React, and Next.js for the frontend, and Supabase for backend services such as user authentication and database management. The user interface is styled with Tailwind CSS, providing a responsive and visually appealing design. The app also utilizes Framer Motion for animations, enhancing the user experience.

Key features of the Word Ladder War app include:
- User authentication with nickname entry.
- Real-time leaderboard updates to track player scores.
- A dynamic game environment where users can form words from a main word within a time limit.
- Immediate feedback on word validity and scoring based on word length.
- The ability to share game results via clipboard or social media.
- Responsive design optimized for both desktop and mobile devices.

Overall, Word Ladder War combines educational elements with engaging gameplay, making it a fun way for users to improve their vocabulary while competing with others.

Word ladder game

The Brazilian Street Soccer app is a retro-style soccer game designed for both desktop and mobile platforms. It allows users to engage in a fast-paced, pixelated soccer match against a computer-controlled opponent. The game features a simple yet engaging interface, where players can control their character using keyboard or touch inputs to move and kick the ball.

To use the app, players can start the game by pressing the spacebar or tapping the screen. The controls are intuitive: players can move their character using the WASD keys or arrow keys on desktop, while mobile users can drag to move and tap to kick. The game lasts for two minutes, during which players aim to score goals against the CPU. The score is displayed on the screen, along with a timer counting down the remaining game time.

The app is built using TypeScript and React, leveraging hooks for state management and effects. It utilizes the HTML5 canvas for rendering the game graphics, which include a soccer field, player sprites, and a ball. The game also incorporates sound effects for actions like kicking the ball and scoring goals, enhancing the overall experience.

Key features of the Brazilian Street Soccer app include:
- A pixelated art style reminiscent of classic video games.
- Responsive design that adapts to both desktop and mobile devices.
- Simple controls for easy gameplay.
- Sound effects that add to the immersive experience.
- A timer and score display to keep track of the game progress.
- A user-friendly start and end screen that provides instructions and displays the final score.

Overall, the Brazilian Street Soccer app offers a nostalgic gaming experience, combining retro aesthetics with modern gameplay mechanics.

Pixel Soccer V2

This application is a PNG to SVG Converter that allows users to convert PNG and JPEG images into scalable vector graphics (SVG) format. The app provides an intuitive interface where users can upload images, adjust conversion settings, and download the resulting SVG files.

To use the app, users can drag and drop an image file into the designated area or click to select a file from their device. Once an image is uploaded, the app automatically converts it to SVG format. Users can adjust the smoothness of the conversion using a slider, which influences the level of detail in the resulting SVG. The app also features an option to edit the SVG code directly in a text area, allowing for further customization.

The application is built using modern web technologies, including TypeScript, React, and Tailwind CSS for styling. It utilizes the ImageTracer.js library to handle the image tracing and conversion process. The app is designed to be responsive and user-friendly, with a clean layout and clear instructions.

Key features of the app include:
- Support for both PNG and JPEG image formats.
- Drag-and-drop functionality for easy file uploads.
- A smoothness slider to control the detail level of the SVG output.
- An editable text area for direct SVG code manipulation.
- Download functionality to save the converted SVG file to the user's device.
- A loading indicator to inform users when the conversion is in progress.

Overall, this app provides a straightforward solution for converting raster images into vector graphics, making it a valuable tool for designers and developers alike.

The Inspiration Canvas app is designed to provide users with a visually appealing platform to discover and share inspirational quotes. The app generates random quotes from a diverse collection, allowing users to refresh their experience and receive new quotes with a simple click. Each quote is presented with dynamic styling, including customizable color schemes, typography, and layouts, enhancing the overall aesthetic and user engagement.

To use the app, users can navigate through the interface to view quotes, refresh for new ones, and utilize various sharing options. The app features buttons for copying quotes to the clipboard, downloading them as images, and creating thumbnail images for social media sharing. Users can also open a modal to generate a thumbnail image of the current quote, which can be downloaded or copied to the clipboard.

The app is built using modern web technologies, including TypeScript, React, and Next.js, with additional libraries such as Framer Motion for animations and React Three Fiber for 3D rendering. The styling is managed with Tailwind CSS, ensuring a responsive and visually consistent design across different devices.

Key features of the Inspiration Canvas app include:
- Random quote generation from a curated collection.
- Dynamic styling options for color schemes, typography, and layouts.
- Copying quotes to the clipboard for easy sharing.
- Downloading quotes as images for social media use.
- Thumbnail generation for creating shareable images of quotes.
- Responsive design that adapts to various screen sizes.

Overall, the Inspiration Canvas app combines functionality with aesthetic appeal, making it a valuable tool for anyone seeking daily inspiration through quotes.

Interactive Quote App