Anwar Mestycer

Latest comments

• 

  Caleb•340

  @lingowmxSubmitted 9 days ago

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

  I use different aproaches and tools to complete this code. It could be for me a proyect that i will need to comeback and learn from it. Maybe do it again or improve it in someway to keep this new learnings.

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

  Its always a challenge on the beginning trying to give a good look to the proyect. using flex or grid, borders etc. I kept thinking first make it work, then you make it look nice.

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

  Of course I will apreciate any advice or critic about the code. I use AI to help me, but im confident that im learning. Still Im not sure if its the best wat to build it so, if there is any thing that matter to check, let me know pls. thanks

  

  Tip calculator, using react hooks

  #react#tailwind-css#vite

  1

  00
  

  Anwar Mestycer•440

  @AnwarMestycerPosted about 10 hours ago

  Good job Bro!

  Just a few enhancements:

  • Activate the RESET button only when the user enters values
  • Add some padding to the left half
  • Add weights to the text

  0
• 

  jmahamed•370

  @jmahamedSubmitted 12 months ago

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

  that i used react and did mobile first.

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

  making use of reusable components and conditional rendering of the daily, weekly and monthly data

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

  nothing

  

  Time tracking dashboard

  2

  30
  

  Anwar Mestycer•440

  @AnwarMestycerPosted 12 months ago

  Well done!

  0
• 

  P

  yoe7501•470

  @yoe7501Submitted 12 months ago

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

  I finished this honestly really quickly

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

  I thought getting the padding/ margin pixel perfect was pretty difficult but got the pretty close.

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

  I would like tips on cleaner code. I don't think its messy but maybe ways to make it easier going forward?

  

  Social-Link

  2

  50
  

  Anwar Mestycer•440

  @AnwarMestycerPosted 12 months ago

  Your work looks amazing. Well done!

  • Add some font-weight to your text to match the design.
  • Every button ought to take you to the relevant web page. You may include

  <a href="website link here">text here</a>

  • Try to make it unique by including your social media links, profile picture, etc.

  I hope this was helpful, and if you need any help, don't hesitate to contact me HERE

  0
• 

  majkezaa•20

  @majkezaaSubmitted 12 months ago

  

  Social links

  1

  10
  

  Anwar Mestycer•440

  @AnwarMestycerPosted 12 months ago

  Hi, I see you almost match the design perfectly,

  Here are some tips to make it perfect.

  • Instead of repeating the same style to every button alone, you could just give the same class name and style them all together in the CSS file

  • Change the button's text color to white.

  • Wrap all the buttons in on <div class="button"> and apply this css:

  .links {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      gap: 2%;
      width: 80%;
      height: 50%;
      margin-top: 15px;
      margin-bottom: 20px;
  

  • Try to personalize it by adding your picture, social link, etc.

  This is just the beginning of your awesome journey as a front-end developer Keep up the good work.

  I hope this was helpful, and if you need any help, don't hesitate to contact me Here

  Marked as helpful

  0
• 

  Ryan King•40

  @MsftKingSubmitted 12 months ago

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

  I am very proud due to the fact that I focused on not looking at my notes and just trying to code this as if I was working on a project for a client on a deadline. I tried to use the documentation for many of the aspects that I was unsure of and played around with styling for a little before I figured out what I needed to do to get the display that I was looking for.

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

  This biggest challenge I had was styling the @media query although I know it is not perfect, I am happy with the results. I used the documentation on media query to do the best that I can, and I am very happy with how it turned out in the end, especially in the sense of scalability.

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

  The media query if someone wants to explain what I did wrong or what I can do better next time, I am all ears.

  

  Responsive QR code

  2

  40
  

  Anwar Mestycer•440

  @AnwarMestycerPosted 12 months ago

  Hi Ryan, You did well, and your work is great.

  here's how can help you make it better,

  • In your HTML file, as best practice, all the code should be inside the <body> like this:

  <!DOCTYPE html>
  <html>
  <head>
  </head>
  <body>
  your code should be written here
  </body>
  </html>
  

  then add a body selector in your CSS file and apply the background-color: #D5E1EF; inside instead of html, which is useless in our context.

  • Also, to center your card display:flex; justify-content:center; align-items: center in the body selector. -Change the color of the h1 to black to match the design

  This is just the beginning of your awesome journey as a front-end developer Keep up the good work.

  I hope this was helpful, and if you need any help, don't hesitate to contact me here.

  0
• 

  BasOX4k•20

  @BasOX4kSubmitted 12 months ago

  

  used CSS and HTML, made my own QR-Code

  2

  10
  

  Anwar Mestycer•440

  @AnwarMestycerPosted 12 months ago

  Hi, you did well. You are a few steps away from matching the design.

  • Change the body background to hsl(220, 15%, 55%).
  • Add justify-content:center; align-items: center; to your body selector in the CSS file to center your qr-component in the middle of the screen horizontally and vertically.
  • Remove the background color from the card selector so it remains white by default.
  • Set the border radius to 5% to match the design.
  • I can't see why divide the paragraph on two p tags, put the inside one p tag
  • Instead of using the <center> tag add text-align: center; to the card selector in css file, same the for the h2 tag.

  This is just the beginning of your awesome journey as a front-end developer Keep up the good work.

  I hope this was helpful, and if you need any help, don't hesitate to contact me here.

  1