@Tayara97
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
I am motivated by emerging technologies and have a passion to learn and implement all those which can improve my work. I consistently search for ways to improve my knowledge in all areas of web development. I am particularly interested in responsive design as it offers so many opportunities to impro
I’m currently learning...HTML, CSS, JS and React
Latest solutions
Tip calculator
Submitted about 1 year agoI would like any advice on how to get the bill, tip percentage, and number of people info and how best to calculate the tip amount and total as I think I could improve that.
Latest comments
- @grmbyrn
Your code is functional, but several improvements can enhance readability, maintainability, and functionality. Consider using constants for repeated strings and separating logic into smaller, more manageable functions. Improve error handling by providing clear user feedback and ensure that functions focus on a single task. Optimize event listeners by using a single listener for similar elements. Additionally, simplify the reset function for better clarity. These changes will make your code more modular and easier to maintain.
- @kanuos@grmbyrn
It looks good. Nothing in particular to say.
- P@wcyin9What are you most proud of, and what would you do differently next time?
I had to approach the html and css differently now that I'm including JS, and I see myself improving the logic and planning the more I practice.
What challenges did you encounter, and how did you overcome them?As I'm super new to JS, I found the logic of the language challenging. It was hard for me to decide where to start and what functions to run, especially since there's so many parts to it that I could miss. I had to look for help a lot of the times.
What specific areas of your project would you like help with?If there's any area I could improve on or condense my code, please let me know!
@grmbyrnLooks good, but check your breakpoints. When I make the screen wider, there's a point when it switches to desktop but the content overflows the sides of the pages as it doesn't have enough room. I'd recommend setting your media query to kick in at a wider screen width to avoid that happening.
- @mussiehWhat are you most proud of, and what would you do differently next time?
I am proud to write some JavaScript again in a long time. This is not my best work but I will like to polish my solution with animations and transitions.
What challenges did you encounter, and how did you overcome them?I faced some issues toggling the share feature for mobile screens. In the end, I was able to get an acceptable solution.
What specific areas of your project would you like help with?I would like feedback on my approach especially if I made a mistake somewhere.
@grmbyrnIt looks good.
- @isavarch@grmbyrn
The images in the header get cut off at certain page widths. I would recommend reviewing your media queries to make sure that transitioning from mobile to tablet to desktop is smoother for the user. Otherwise, the page looks good so keep it up!
- @DAEM007What are you most proud of, and what would you do differently next time?
- I am glad I was able to still get my hands on vanilla css again.
- Although, I implemented the solution in flexbox (cos I was a bit lazy). One thing I would like to do differently next time would be to implement it using css grids...and truly understand the intricate details of how grids work.
- Trying to speed up my dev time to practice for real task when I finally get a role...although, I feel I am getting better at that though.
- None for now.
@grmbyrnAs you say, CSS grid would be the better choice for a layout like this and is also a good chance to practice using it, but you did a good job using flexbox to carry it out.
