Skip to content
OverviewSolutions
22
Comments
186

Dylan Heslop

@dylan-dot-cNew York2,360 points

I am a passionate front-end developer with backend experience. I specialize in building web applications using React, TypeScript, Vite, and Tailwind CSS. On the backend, I have experience in creating full-stack applications with REST APIs built using Flask or Node.js with Express.

I’m currently learning...

Full Stack Web Development - with Supabase, Firebase, Drizzle ORM, React Cross Platform Mobile Development - React Native, Expo Vue.js alternative for React

Latest solutions

View more solutions

Latest comments

  • P
    Øystein Håberg•12,760
    @Islandstone89Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm satisfied using the fetch API! I also used npm to setup and build the project, as well as doing some configuration in package.json.

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

    Positioning the button was somewhat challenging. I tried doing it with Subgrid, but in the end I ended up using absolute positioning.

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

    As always I'm open for any feedback :)

    Advice Generator

    #sass/scss
    2
    Dylan Heslop•2,360
    @dylan-dot-cPosted 3 months ago

    This is a good solution, but thats why im here.

    I think(idk) that you are in jeopardy for getting 3rd place for mentor of the year and getting sidelined by the current 3rd place.

    I don't know if you care about the 3rd place and the free 1-year fem premium but I just wanted to let you know, and maybe try and help you if you actually care about it in some way.

    Just a random guy tho.

    Also checko out my solution and tell me what you think.

    Marked as helpful
    1
  • Nico Velasco•380
    @DarionvrSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I could finish this challenge. It was the most difficult for me until this moment. I learned a lot and had to do lots of research to achieve this.

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

    This challenge was very tricky because of the number of places where the prices and articles had to be shown. At first, I tried using interpolation ${}, but this did not work the way I wanted. Then I had to create another object and put all the card data inside by clicking the add to cart button, then distribute that data on every card or label.

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

    I don't know yet if there's maybe another way to do it or if this was just a long code challenge. I tried to make it shorter, but it crashed every time I tried.

    Product list using objets and array

    1
    Dylan Heslop•2,360
    @dylan-dot-cPosted 3 months ago

    This is a good solution bro but in terms of functioniality there are a few places to improve.

    You need to make it so when I click a button to add an item, the count for it says 1 and not 0. Also make sure it doesnt show 0 * [name of item] as that makes no sense. also make it that when you add and remove an item until its 0 it goes back to the original style of "Add To Cart." You also need to have an "X" button to clear an item completely from the list.

    Anyways you can take a look at my solution and see how I did it and tell me what you think. I did it with vue by the way.

    Marked as helpful
    0
  • Dylan Heslop•2,360
    @dylan-dot-cPosted 3 months ago

    This is a good solution. But there are places you can improve mainly on the structure and css.

    Anyways check out my solution and see how you can improve

    0
  • P
    Rafael Dias•1,040
    @rafaeldgeoSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud to use React in this challenge because it's requires several interactions. I would like to plan more each component.

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

    The difficulty this challenge it's because there's several interactions with different components. It's necessary manipulate each correctly, then I had that understand the function of each them.

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

    I would like help with React

    Tip calculator app using React

    #bem#react
    3
    Dylan Heslop•2,360
    @dylan-dot-cPosted 3 months ago

    Cool solution bro but there are a lot of things you can improve on.

    1. Folder Structure: if you gonna have a separate css file for each component it's better to have a folder that has the Js code and css styles for each component.
    2. Responsiveness: The website isn't fully reponsive on small devices, it looks the same as on desktop...
    3. Class combination: There is a better way to join class names, you could use a library like clsx or something else.
    4. Your solution is good, but I feel you make it a bit too complex in terms of the code you wrote.

    Overall this is a good solution. I completed this solution with Vue, so tell me what you think about it when you take a look.

    Marked as helpful
    1
  • Harikrishnan-Rajkumar•80
    @Harikrishnan-RajkumarSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Im proud of Building a website Integrating API, next time would explore more API and how to integrate in my webpages

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

    When Integrating the API, I found challenging to make changes in the map since it come with the api i had to inspect elements and indentify which line of code has the elements inside code, foe ex(like removing zooom icon, changing location icon).

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

    I quite satisfied with my current project but would like to know how to trigger the animation on each search result.

    IP Tracker using Javascript

    #bootstrap
    1
    Dylan Heslop•2,360
    @dylan-dot-cPosted 3 months ago

    This is a good solution but you forgot some key aspects...

    1. You used alert but when the ipAddress is not in the correct form you need to implement the correct error styling on the input box and submit button, you can also use a <form> element instead of the div and make the input required and the button type submit.
    2. You also forgot to make it so that when a user loads up the website, it should showcase their current IP address not the one who have there by default. That means that when the website is loaded you should automatically run your getGeoData function as you can get your IP from that function since not everyone will know their ip like that.
    0
  • P
    Michał•290
    @miedzygalaktycznygitSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I successfully managed to work with the JSON file and name my divs in a way that allowed me to iterate through each div easily. Additionally, I used Sass, which made my media query code look much cleaner compared to regular CSS. I also utilized a few functions in Sass, making it easier to write and maintain the code.

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

    A few problems with media queries and Js but I managed to pass them.

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

    I feel like I wrote some unnecessary code in sass.

    Time Tracker JSON

    2
    Dylan Heslop•2,360
    @dylan-dot-cPosted 3 months ago

    Good solution!

    You forgot to add an active class to the current timeframe that is selected.

    You also forgot to add the hover styling on the card

    Code could also be more semantic and js code more readable.

    Check out my solution as I added URL state management and used HTML templates

    Marked as helpful
    0
View more comments