Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
59
Comments
14

Alex

@AlexKolykhalovRussia1,310 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Rest countries API [HTML+CSS+JS]

    #pwa

    Alex•1,310
    Submitted about 1 year ago

    1 comment
  • Rock-paper-scissors game HTLM+CSS+JS

    #pwa

    Alex•1,310
    Submitted about 1 year ago

    0 comments
  • Multi-step form challenge HTML+CSS+JS


    Alex•1,310
    Submitted over 1 year ago

    0 comments
  • Bookmark landing page HTML+CSS+JS


    Alex•1,310
    Submitted over 1 year ago

    1 comment
  • Shortly URL shortening API HTML+CSS+JS


    Alex•1,310
    Submitted over 1 year ago

    0 comments
  • Manage landing page HTML+CSS+JS


    Alex•1,310
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • Alex•1,310
    @AlexKolykhalov
    Submitted about 1 year ago

    Rest countries API [HTML+CSS+JS]

    #pwa
    1
    Alex•1,310
    @AlexKolykhalov
    Posted about 1 year ago

    Hello everyone! Any comments are welcome.

    Check app in offline mode.

  • Boots 😺•1,610
    @adityaphasu
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Hey everyone! It's been a while 😊

    Well, I'm most proud of the PWA support that I could implement within this next.js project. One more step towards progressive web apps!

    Currently, I'm using client-side API calls but for future projects, I would like to prioritize using the API dedicated routes and creating custom route handlers to enhance performance and SEO potentially ⬆️

    I also implemented a toast when the links are shortened using Sonner!

    What challenges did you encounter, and how did you overcome them?

    The one challenge that made it difficult for me to implement the API was the API itself. I was running into CORS policy issues and the cleanuri API documentation doesn't really specify how to configure the requests... so I tested the API using postman and it did work but the result link returned by the API is very much prone to phishing attacks. As soon as I clicked that link...my antivirus started screaming at me and I decided to see the website anyway.. yup I shouldn't have... bad decision 💀

    In the end, I just opted for a different API which is actually pretty safe and public so for anyone who wants to use that instead here's the repo for it: 1pt-co

    The format returned by this API is very much aligned with this specific project so it helped a lot. One less state to maintain haha

    What specific areas of your project would you like help with?

    I'm still learning about accessibility and I've tried to implement it for this project but I'm still not sure if I've implemented it fully so any help with that is appreciated.

    While lighthouse does help with the main accessibility issues it doesn't help with core ones apparently so I'd also like to know which tools you guys use to analyze the page for major accessibility issues.

    It was a good project overall and I had fun! Any Feedback or suggestions are appreciated.

    P.S I used Framer motion to animate the URLs so give it a go! 🪄

    URL Shortening API || Next.js + Typescript

    #framer-motion#next#typescript#tailwind-css
    2
    Alex•1,310
    @AlexKolykhalov
    Posted about 1 year ago

    Finally, where have you been?))) Good work, by the way!!

  • agnese•360
    @aggie-l
    Submitted over 1 year ago

    Responsive Bookmark Landing Page

    1
    Alex•1,310
    @AlexKolykhalov
    Posted over 1 year ago

    Hi, very clean solution. Do you have mobile navigation bar or am i missing something?

    Marked as helpful
  • Vishnu_31•230
    @vishnu-31
    Submitted over 1 year ago

    Responsive Design For Notification Page

    #tailwind-css#react
    1
    Alex•1,310
    @AlexKolykhalov
    Posted over 1 year ago

    Hello, about positioning red dot... You can use ::before or ::after. I think this is one of the right direction you can choose.

  • Florian Schaessens•110
    @Dolpheus89
    Submitted over 1 year ago

    QR code component

    1
    Alex•1,310
    @AlexKolykhalov
    Posted over 1 year ago

    Hello! Look pretty good.

    For centering element you can apply:

    1. flex and justify-content: center and align-items:center
    2. grid and place-content: center
    3. do this with position and translate

    There are many ways.

    Here are some videos about centering

  • Boots 😺•1,610
    @adityaphasu
    Submitted almost 2 years ago

    Crowdfunding Product Page || React + TailwindCSS

    #framer-motion#react#tailwind-css
    2
    Alex•1,310
    @AlexKolykhalov
    Posted almost 2 years ago

    Very good work!! Keep going!

View more comments
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