alvarozama
@alvarozamaAll solutions
Room homepage
Submitted 12 months agoAny ideas as to how the switching of slides could be improved to be more visually interesting would be greatly appreciated.
Loopstudios landing page
Submitted 12 months agoAcessibility. I feel like I'm still unable to get the whole aria label, labelledby, expanded, etc. right.
NFT preview card component
Submitted 12 months agoKnowing if I used the BEM methodology correctly. I didn't use any Modifier for this challenge and that makes me think I'm probably not doing the BEM thing quite right.
E-commerce product page challenge
Submitted 12 months agoJust the accessibility part. I still can't wrap my head around thing like aria-expanded, aria-controls, aria-label, and the like. I feel like I'm probably not using them correctly.
News Homepage Challenge
Submitted 12 months agoChecking for missing accessibility features on my HTML markup.
Contact Form challenge
Submitted about 1 year agoPretty much the above stated points. Any help with that would be greatly appreciated.
Interactive Rating Component
Submitted about 1 year agoThe component shows what it has to, but I'm not sure if the handling of the form is right. I'd appreciate it if someone could take a look at that.
Tip calculator app
Submitted about 1 year agoSo, here are the parts of the project that I couldn't quite implement in a satisfactory fashion:
- In order to retrieve the value of a given selected percentage button, I looped through them and used an event listener to look for clicks on said buttons. However, both the retrieval of this value and the calculatio of percentages were coded inside the same function, meaning that the calculation is only performed when clicking on a percentage button. As a result of this, the app only works when entering values for the bill and people inputs first and then selecting the desired tip percentage.
- In line whith the previous point, I wanted to make it so that the calculations were performed in real time as the user enters, erases or changes values. To do this I tried to create different functions for retrieveng the selected bercentage button value and for performing the calculations, bus was unable to make them work in tandem.
- Whenever the user selects a percentage button it becomes highlighted, but if the user selects a different one without using the reset button, the newly selected button becomes properly highlighted, put the previous one doesn't go back to the default state. I could't find a way to fix this and feel like the problem lies, again, with the implementation of my functions and event listeners.
Time trecking dashboard challenge
Submitted about 1 year agoI feel like my fetch statemant is not very well polished, specifically in terms of the handling of errors. Other than that, I realized that when opening the console on the live site, everytime I toggle through the different timeframes a lot of unchaught TypeErrors appear and, in all honesty, I have no idea what that's all about. I'd appreciate if someone could point me in the right direction in terms of mending those errors.
Newsletter signup challenge
Submitted about 1 year agoIf anything, I'd like to improve the design of the mobile layout. I'm not completely satisfied with it.
Article preview component
Submitted about 1 year agoWhile the solution to the problem previously outlined kind of worked, it only did so when loading the page on a certain screen size and sticking to it. Loading the page on a mobile display would make the share button work as long as one remained on that display. However, when trying to go from mobile to desktop display or viceversa, the behaviors of the button would overlap and the speech bubble meant for desktop display would show on mobile, or the SNS bar meant for mobile would show on desktop. I had no idea how to solve this problem and would appreciate some insights on what I coul do differently.
Testimonial grid section project
Submitted about 1 year agoSizing of the whole page, sizing of the grid, sizing of everything. I feel like my grid, while having a fairly similar layout to the one on the model, is visibly larger.
Product Preview Card project
Submitted about 1 year agoSame as last time, the breakpoints for media queries are still something I struggle with. Also, for the sake of brevity, I just used the breakpoints for 475 and 1024px screens, so the transition from one to the other is really messy. I intend to work on implementing a solution to make the whole transition more steadily responsive.
Recipe page project
Submitted about 1 year agoI resorted to using some awkward span elemts to style the space between the bulletpoints and the text of lists. I'm wondering if there's a better way of doing this.
Blog preview card using HTML and CSS
Submitted about 1 year agoMaking the layout responsive to shrink the container in size when browsing on mobile devices without media queries. Also, I'm under the impression that images don't show on the live site, so I'm not sure if I'm doing something wrong when calling the src on my index.html.
