Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
35
Comments
56
P
Skyz Walker
@Skyz03

All solutions

  • Text Analyzer Tool: Character, Word & Sentence Counter with Real-Time

    #next#tailwind-css

    P
    Skyz Walker•1,215
    Submitted 4 months ago
    1. Accessibility Improvements:

    Ensuring the theme toggle and analytics components are fully accessible (e.g., ARIA labels, keyboard navigation).

    Making the letter density charts more screen-reader friendly.

    1. Performance Optimization:

    Reducing re-renders when typing in the textarea, especially for large inputs.

    Exploring memoization techniques for functions like calculateLetterFrequency.

    1. Testing:

    Implementing unit tests for the calculation functions.

    Adding end-to-end tests for theme toggling and character limit warnings.

    1. Design Enhancements:

    Improving the visual hierarchy of the analytics cards.

    Adding animations for smoother transitions between themes and states.


    0 comments
  • Mortgage Calculator: A Dynamic, Interactive with Advance Features


    P
    Skyz Walker•1,215
    Submitted 4 months ago

    I would appreciate feedback on the structure of my components and how to optimize the use of state management. Currently, I’m passing a lot of data between components, and I'm wondering if there's a more efficient way to handle this, perhaps using Context API or a global state management solution like Redux.

    Additionally, I’m curious if there are any best practices for handling canvas animations in React.


    0 comments
  • LoopStudio Landing Page Using Next & Tailwind

    #next#tailwind-css

    P
    Skyz Walker•1,215
    Submitted 6 months ago

    0 comments
  • Markdown Master: Next.js & Tailwind

    #next#tailwind-css

    P
    Skyz Walker•1,215
    Submitted 6 months ago

    I would appreciate help specifically with refining the theming implementation. While the current setup using module.css and theme-specific classes works, there might be more efficient or modern approaches that could improve maintainability and performance. For example:

    Dynamic Theming: Suggestions on utilizing CSS-in-JS libraries (like styled-components or emotion) or frameworks with built-in theming support. Improved Theme Switching: Ideas for smoother transitions when toggling between dark and light modes. Best Practices for Module.css: Feedback on how to better organize and scope styles in module.css to avoid conflicts or unnecessary complexity. Additionally, I'd welcome creative ideas to enhance the overall user experience with theming—such as customizable themes, animations during theme switches, or accessibility improvements like high-contrast modes. Any feedback or resources to explore would be invaluable!


    0 comments
  • Responsive Password Generator with Strength Meter and Accessibility

    #accessibility#next#tailwind-css

    P
    Skyz Walker•1,215
    Submitted 7 months ago
    1. Password Strength Calculation and Display Issue: The current strength calculation works well, but I would like to refine the strength bar to show more granular feedback based on more advanced criteria (e.g., entropy-based strength). Help Needed: Could you suggest improvements to the strength calculation logic, especially how to calculate entropy and make the strength indicator even more intuitive?

    2. Optimizing History Management Issue: The password history functionality is working fine, but it might not be the most efficient in terms of performance or scalability (e.g., if many passwords are stored). Help Needed: Can you suggest an optimized approach for storing and managing a longer history list (for example, using a better storage solution or optimizations for larger data sets)?

    3. Enhancing Accessibility Issue: I have made improvements for accessibility, but I want to ensure the app is fully WCAG compliant and accessible across different devices, especially for screen readers. Help Needed: Could you recommend any additional accessibility best practices, particularly for dynamic content like the strength bar and password generation feedback?

    4. Handling Edge Cases in Input and Password Generation Issue: Currently, the password generation function does not fully account for all edge cases (e.g., when no options are selected or if a user sets very low password length). Help Needed: I would like suggestions on handling edge cases, such as providing better error feedback or preventing invalid inputs like selecting all options to be false.


    0 comments
  • Pod Landing Page (Next.js)

    #next#tailwind-css

    P
    Skyz Walker•1,215
    Submitted 8 months ago

    Make better layout's or approaches.


    0 comments
  • WordWise: A Responsive Dictionary App Built with Next.js and Tailwind


    P
    Skyz Walker•1,215
    Submitted 9 months ago

    I would appreciate help in a few specific areas of my project. Firstly, I’m looking for guidance on optimizing the mapping of information within the UI to ensure that data is presented in the most effective and user-friendly way possible. Any insights or best practices for structuring data visualization would be incredibly helpful! 📊

    Additionally, I would like assistance with the implementation of Dark Mode. Since I found it quite complex to manually adjust each element, any advice on leveraging Tailwind CSS’s built-in Dark Mode features or resources on best practices for theming would be invaluable. 🌈

    Overall, any help or suggestions in these areas would greatly enhance my project and contribute to its success! Thank you! 😊✨ Feel free to adjust any emojis or phrases to better match your style!


    0 comments
  • Multi-Step Form in Next.js with Tailwind CSS

    #next#tailwind-css

    P
    Skyz Walker•1,215
    Submitted 9 months ago

    Ideas for making this for Creative UI.


    0 comments
  • Interactive Advice Page: Get Inspirational Advice with Dynamic Backgro

    #next#tailwind-css#fetch

    P
    Skyz Walker•1,215
    Submitted about 2 years ago

    0 comments
  • Expense Chart using Chart JS, Responsive & JSON in progress

    #chart-js#sass/scss

    P
    Skyz Walker•1,215
    Submitted about 3 years ago

    0 comments
  • Sunny Landing Page using React, Router, Material UI & Animations

    #react#react-router#sass/scss#material-ui

    P
    Skyz Walker•1,215
    Submitted about 3 years ago

    0 comments
  • NFT card using Tailwind & Next

    #next#tailwind-css

    P
    Skyz Walker•1,215
    Submitted over 3 years ago

    Improve Code Reusability: Create a utility function or a library for common popup behaviors like opening, closing, and adding dynamic content. Implement better separation between business logic and UI for easier testing and debugging.


    1 comment
  • Order Summary Card using SCSS and HTML

    #bem

    P
    Skyz Walker•1,215
    Submitted over 3 years ago

    1 comment
  • Project Title App using SCSS, JS nav

    #sass/scss

    P
    Skyz Walker•1,215
    Submitted over 3 years ago

    1 comment
  • Just HTML & SCSS for the Time Tracking Component


    P
    Skyz Walker•1,215
    Submitted over 3 years ago

    0 comments
  • Pricing Component using SCSS, Vanilla-JS, HTML with added Dark mode.


    P
    Skyz Walker•1,215
    Submitted almost 4 years ago

    0 comments
  • Interactive pricing component using HTML, CSS & JS (In progress)


    P
    Skyz Walker•1,215
    Submitted almost 4 years ago

    2 comments
  • Testimonial Slider Using JS HTML & CSS positioning


    P
    Skyz Walker•1,215
    Submitted almost 4 years ago

    1 comment
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub