apu2304

Latest comments

• 

  Zxjklp•360

  @ZxjklpSubmitted 3 months ago

  

  Tip calculator app

  1

  40
  

  apu2304•210

  @apu2304Posted 3 months ago

  nice work

  0
• 

  stephany247•570

  @stephany247Submitted 3 months ago

  What are you most proud of, and what would you do differently next time?

  I’m most proud of successfully using JavaScript to dynamically update the DOM based on fetched data. This project allowed me to enhance user interactions with features like time-based data updates and button styling.

  Next time, I’d focus on making my code more modular and avoid repeating card elements to improve maintainability.

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

  A key challenge was ensuring the correct data displayed for each timeframe. I resolved this by mapping the timeframe values and using forEach() to update the cards.

  Another challenge was handling asynchronous data fetching. I used the DOMContentLoaded event to ensure the data was fetched before rendering the UI.

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

  I’d appreciate any feedback on how to improve the project.

  

  Time tracking dashboard with tailwindcss

  #tailwind-css

  1

  30
  

  apu2304•210

  @apu2304Posted 3 months ago

  nice work

  0
• 

  P

  Gianmarco•260

  @gianmromeroSubmitted 4 months ago

  What are you most proud of, and what would you do differently next time?

  Form validation with JS, I will use validator.js instead.

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

  How use JavaScript to make responsive success messages and form validation.

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

  Even if in this project doesn't ask for toggle on dismiss button I like to learn how to do it with Vanilla JS.

  

  Responsive newsletter with success message with Vanilla JavaScript

  #bem#pure-css#styled-components

  1

  40
  

  apu2304•210

  @apu2304Posted 4 months ago

  Nice code! I like it. But why did you put your input background color error color?

  0
• 

  Trevor•590

  @TrEv0rRrRrSubmitted 4 months ago

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

  I don't know why when the divs apppears or disappears the main moves in the mobile version.

  

  Article preview component

  #pure-css#accessibility

  1

  20
  

  apu2304•210

  @apu2304Posted 4 months ago

  The code looks great.

  0
• 

  Snigdha Sukun•550

  @snigdha-sukunSubmitted 4 months ago

  What are you most proud of, and what would you do differently next time?

  I am proud of learning how to use background-image:

  .testimonial:nth-child(1) {
      background-image: url("./images/bg-pattern-quotation.svg");
      background-position: top 0px right 2em;
      background-repeat: no-repeat;
  }
  

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

  I faced some difficulty with spacing & positioning the testimonials to the center in the desktop view. But I managed it by creating 2 extra columns on each side to position the elements in the center.

  @media (min-width: 376px) {
      main {
          display: grid;
          grid-template-columns: 0.7fr repeat(4, 1fr) 0.7fr;
          grid-template-rows: repeat(2, 1fr);
      }
  
      .testimonial:nth-child(1) {
      grid-column: 2 / 4;
      }
  
      .testimonial:nth-child(2) {
          grid-column-start: 4;
      }
  
      .testimonial:nth-child(3) {
          grid-column-start: 2;
      }
  
      .testimonial:nth-child(4) {
          grid-column: 3 / 5;
      }
  
      .testimonial:nth-child(5) {
          grid-column-start: 5;
          grid-row: 1 / 3;
      }
  }
  

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

  Responsive CSS techniques

  

  Testimonials grid section

  #pure-css

  1

  60
  

  apu2304•210

  @apu2304Posted 4 months ago

  The code looks amazing and very structured.

  0
• 

  Alqorni Trikandalas Ginting•260

  @DeidalsSubmitted 4 months ago

  What are you most proud of, and what would you do differently next time?

  I proud i finally using css grid

  

  Responsive card using CSS grid and Flexbox

  #pure-css

  1

  20
  

  apu2304•210

  @apu2304Posted 4 months ago

  The code is very structured, and I like it. But you could have used an img tag instead of coping the full SVG.

  0