Ethiopian version of magic tiles 3
Generated Prompt
## APPLICATION OVERVIEW This web application is an Ethiopian version of the popular game "Magic Tiles 3," incorporating Ethiopian songs. The main purpose is to create an engaging and entertaining experience for users to play music-based games while enjoying culturally relevant content. The app will feature various gameplay modes and a user-friendly interface designed to attract and retain players. ## CORE FEATURES 1. **Song Library**: A comprehensive collection of Ethiopian songs categorized by genre, popularity, and difficulty level. 2. **Gameplay Modes**: Multiple modes including solo play, challenge mode, and multiplayer options to compete with friends. 3. **Interactive Tutorials**: Step-by-step guides that help users learn how to play the game and understand the mechanics. 4. **Leaderboard and Achievements**: Track user performance through leaderboards and unlock achievements based on scores and completed challenges. 5. **Custom Playlists**: Allow users to create and save custom playlists of their favorite songs for a personalized gaming experience. 6. **User Profiles**: Users can create profiles to save their progress, track achievements, and customize their gameplay settings. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds. - **Primary Color**: #1978E5 (accent for buttons, links, highlights). - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements. - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs. - **Layout**: The main layout will consist of a top navigation bar, a hero section for featured songs, a grid layout for song tiles, and a footer with additional navigation links. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (if needed for managing user profiles and game state) ## IMPLEMENTATION STEPS 1. **Set up the project**: Initialize a new React application with TypeScript and install necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui). 2. **Create the File Structure**: Organize components, pages, and assets for easy management. 3. **Design Components**: Develop the UI components using Tailwind CSS and shadcn/ui, ensuring they adhere to the specified design specifications. 4. **Implement Navigation**: Set up routing for different sections of the app (home, song library, user profile). 5. **Develop Core Features**: Implement the song library, gameplay modes, and user profiles, integrating the backend for song data. 6. **Testing**: Conduct thorough testing for functionality, responsiveness, and user experience across devices. ## USER EXPERIENCE The application will provide an intuitive user interface where users can easily navigate through song selections and gameplay modes. Key interactions include tapping tiles in rhythm with the music, accessing tutorials to understand game mechanics, and viewing leaderboards to gauge their performance against others. Users will also enjoy a seamless experience creating custom playlists and tracking their progress through a dedicated profile section. The minimalist design will ensure that the focus remains on the music and gameplay, enhancing overall engagement.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
