logo logo Bright Future
Mentorships Competitions
Back to competitions
    Back to competitions

    Competition: Pixel Precision Showdown - Edition 01

    HTML
    CSS
    Javascript
    ENDED

    Organized by Bright Future

    ๐Ÿš€ Web Dev Advanced: The Productivity Showdown

    Build the most impressive task management app you can โ€” clean design, smooth functionality, and ambitious features will take you to the top.
    Whether youโ€™re a beginner working with vanilla JS or an experienced dev using frameworks and backends โ€” this competition is for you.

    You can use simple tools like HTML, CSS, and JavaScript, or go further and use any framework, CSS library, or backend.
    Whether youโ€™re a beginner or an experienced dev, this competition is made for you.

    ๐Ÿง  Task: Build an Advanced Task Management Web App

    You need to create a working and well-designed app that helps users manage their tasks (like a to-do list).
    Your app should allow users to add, delete, and manage their tasks.

    ๐ŸŽฏ Real-World Scenario:

    Build this app for university students who often forget their deadlines. Make something you would actually use!

    Storing data in local storage is the minimum requirement. but using an online backend (like Firebase or Supabase) to persist user data will positively influence your score in functionality and creativity.

    You are free to use any tools or libraries. Creativity and technical ambition are highly encouraged!

    Note on AI Usage: You are allowed to use AI tools (e.g., Copilot, ChatGPT) as a helper, but any extensive AI-generated code or full project scaffolds without clear customization will lead to disqualification. Clearly mention any AI assistance used in your README.


    ๐Ÿ•” Duration: 5 Days

    All submissions, reviews, and results will be handled directly through the Bright Future website.


    ๐Ÿง‘โ€๐Ÿ’ป Required Skills:

    • HTML
    • CSS
    • JavaScript

    ๐Ÿ›  Optional Technologies (Recommended):

    • Any JavaScript Framework (React, Vue, etc.)
    • Any CSS library (Tailwind, Bootstrap, etc.)
    • Any backend service (Firebase, Supabase, etc.)

    โœ… Minimum Requirements:

    • Add, delete, and display tasks
    • Store tasks using local storage

    ๐Ÿš€ Optional Features (Examples):

    • Task prioritization (high, medium, low)
    • Task deadlines and reminders
    • Categorization or tags
    • Responsive design
    • Drag-and-drop sorting
    • Dark mode toggle
    • Backend data storage with authentication
    • Progress indicators (e.g., completion status)

    The more creative and advanced your implementation, the more points you can earn.


    ๐Ÿงฎ Evaluation Criteria:

    • Functionality (50%): How well features work and how smooth the app feels
    • Design (30%): How good your app looks, aesthetics, layout, and responsiveness
    • Creativity (20%): New ideas, unique features, and smart design
    • Bonus โ€“ Code Quality & Documentation (+Extra Consideration): Clear, organized code and a helpful README can make a great impression during judging.

    ๐Ÿ† Awards:

    Winners will be selected for categories such as:

    • Best Functionality
    • Best Design
    • Best Overall

    Multiple winners may be selected per category based on the quality and diversity of submissions.

    ๐ŸŽ–๏ธ Extra Recognition:

    • Winners will be featured on Bright Future's platform and social media

    ๐Ÿ“ฌ Submission Requirements:

    • Public GitHub repository link
    • Live preview (e.g., Netlify, Vercel)

    Your GitHub repository should contain a README file including:

    • App features
    • Tech stack/libraries used
    • Backend integration (if applicable)
    • Any use of AI tools

    Tip: Submissions with a clear README often stand out more during judging!


    ๐Ÿ“ข Questions or Announcements? Join the Telegram Channel!

    All participants must join our official Bright Future Telegram channel for:

    • Competition announcements & updates
    • Asking questions
    • Sharing progress
    • Connecting with mentors and fellow competitors

    ๐Ÿ‘‰Telegram Link

    Weโ€™ll also share bonus feature challenges and surprise awards through the channel โ€” donโ€™t miss out!

    Evaluation Criteria:

    CriteriaWeight
    Functionality50%
    Design30%
    Creativity20%
    Start Date:
    2025/07/10 6:00 PM
    End Date:
    2025/07/15 11:59 PM
    Status:
    ENDED

    Pixel Precision Showdown - Edition 01 Winners

    Amr Khaled
    Wings
    91
    #1 Amr Khaled
    Abdallah Amr
    83.5

    #2 Abdallah Amr

    Ayman Soliman
    83

    #3 Ayman Soliman