Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
10
konraddissake1808
@konraddissake1808

All comments

  • Harold-chn•770
    @chanwinharold
    Submitted 5 months ago

    tip-calculator-app-main

    1
    konraddissake1808•150
    @konraddissake1808
    Posted 5 months ago

    Off on a good start, good continuation

  • apu2304•260
    @apu2304
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Learning to use tailwind CSS.

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

    Deploying tailwind CSS without any framework like React or Vite is a little challenging but stack overflow is a buddy for that

    Time tracking dashboard with Tailwind css

    #tailwind-css
    1
    konraddissake1808•150
    @konraddissake1808
    Posted 6 months ago

    Nice attempt, as long as everything works well behind

  • Derik Boghozian•230
    @psychederik
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the way I structured my file similarly to how a larger real-world application would be organized. I broke down the app into components and filed them into corresponding folders. Next time I will create a "UI" folder in my "components" folder for any globally shared components and continue my current approach which was to organize each component per the page/section the components are unique to.

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

    My two main challenges were state management and prop drilling. At first, I initialized the state in a child component of a parent component which needed to be re-rendered which prevented the app from behaving the way it was intended. I took a step back to physically draw my DOM structure and realized the issue. Once I initialized the state in the correct component, passing the props down to the children components that needed them made me a bit nervous at first but once I saw the correct results, I realized how simple it was.

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

    As of now, I'm confident I understood the projects and the actions I took to create a solution. Deploying my app on GitHub Pages was sort of tricky but once I realized there was a Vite plugin to simplify the process, I just followed the documentation step by step, solved the problem, and learned why my app wasn't deploying properly in the first place.

    Newsletter Signup Form: Vite + React JS | Validator | Responsive

    #react#vite
    1
    konraddissake1808•150
    @konraddissake1808
    Posted 9 months ago

    Nicely done. Truely amazing work

  • Rastislav Hepner•180
    @raswonders
    Submitted 10 months ago
    What challenges did you encounter, and how did you overcome them?

    Two quite distinct visual styles of share component made me little hesitant about code structure. For each visual style I produced one component and conditionally rendered them. The code isn't well encapsulated and I don't feel particularly good about it.

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

    I'd like to improve upon my solution to share popover. There seems a little junk in loading icons, when initially clicking share button. I'd like to learn how to mitigate this and improve code structure of share popover.

    Article preview component ❤️ in react & tw

    #react#typescript#tailwind-css
    1
    konraddissake1808•150
    @konraddissake1808
    Posted 10 months ago

    You did great with this mate, I can't say anything better as I wasn't able to achieve make the share links to disappear when clicking out of it. Imma take a peek into your solution url. Anyway, good job

  • modji•140
    @modji
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I don't often get to work with grids so it was a nice challenge and happy how it turned out.

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

    My initial approche was a bit off as I had a two flex cols and the left side would be a grid. It worked well but it had a weird padding issue. I ended up changing it to purely grid and it works better.

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

    Any improvement suggestions is welcomed.

    Testimonial using tailwind and grids

    #tailwind-css
    1
    konraddissake1808•150
    @konraddissake1808
    Posted 12 months ago

    Out of proportion but nicely done

  • jordanj03•70
    @jordanj03
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud of using responsive font-size and making the website good on (mostly) any device I would improve my usage of media queries

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

    The hardest challenge was making the page responsive, however, once I read the pathway information it became much easier :)

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

    How can I improve the responsiveness

    Responsive product preview card

    2
    konraddissake1808•150
    @konraddissake1808
    Posted about 1 year ago

    Looks great, cheers mate

  • Eugen•200
    @psdesignro
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm pretty content with the result. Next time I would try to make the design responsive without media queries

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

    I didn't use CSS grid for a while, so had to recap a bit, but I decided to use it over table, because as far as I know, table is a mess on small devices

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

    For now I'm good. Thanks

    Recipe Page Challenge

    1
    konraddissake1808•150
    @konraddissake1808
    Posted about 1 year ago

    Looks good. Well done

  • Osman Bay•10
    @osmanbayy
    Submitted about 1 year ago

    Social Link Profile

    1
    konraddissake1808•150
    @konraddissake1808
    Posted about 1 year ago
    • The links at the bottom aren't pleasing to the eyes. If you want them in there might as well style them.

    • Also, dont forget to use media queries, as the design is not reponsive.

  • Gamin8ing•50
    @Gamin8ing
    Submitted over 1 year ago

    Simple solution for blog card

    1
    konraddissake1808•150
    @konraddissake1808
    Posted over 1 year ago

    Card Position You should have set height: 100%; on the body element and use flexbox justify-content: center; align-items: center; to center the card in the middle of the screen

  • fullmoonemptysun•10
    @fullmoonemptysun
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I feel good about how well I could implement the layoting and the shadows to match the design template very closely.

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

    None, Just time taking

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

    Ability to think and write code faster.

    QR COMPONENT

    2
    konraddissake1808•150
    @konraddissake1808
    Posted over 1 year ago

    Concerning the Design Though it is different than the example. It still looks amazing, really like the creative touch

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