@poissonfouSubmitted 5 months ago
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 a passionate Front End Web Developer with Full Stack training that excels in crafting exceptional online experiences. I am particular to the fine details and take pride in developing the best experience I can.
I’m currently learning...I am currently trying to build upon my frontend skills that include; HTML, CSS, SASS, JavaScript, TypeScript, React.js, and Next.js. On top of that I am learning Typescript and the exciting arena of the job hunt.
Latest solutions
Responsive Homepage | SASS, Grid, Flexbox, TS
#accessibility#sass/scss#typescriptPSubmitted 5 months agoI am always grateful for any tips/suggestions on how to improve the quality of my code. Thanks!
HTML, CSS, & TS
#accessibility#typescriptPSubmitted 6 months agoI would appreciate any tips/suggestions as to improve my code. Thanks!
HTML & CSS Only
#accessibilityPSubmitted 6 months agoI would appreciate any suggestions for animating the `````` components or any other tips/suggestions to improve the quality of my code.
Semantic HTML, SASS, & TypeScript
#accessibility#typescript#sass/scssPSubmitted 6 months agoI would appreciate any tips/suggestions for making my code better. Thanks!
React, Typescript, & SASS
#react#react-router#sass/scss#typescript#vitePSubmitted 8 months agoIf there is a better way to handle the dark/light mode feature, I would be interested in hearing other options.
Also, if there are any general suggestions/tips to improve upon my code I'm all ears.
Thanks!
Vanilla JS & SASS
#sass/scssPSubmitted 10 months agoI would appreciate any tips/suggestions on how to improve my code. Thanks!
Latest comments
- P@nvallinePosted 5 months ago
Hi Emerson,
Good job with this challenge. I like how you created the responsiveness for tablet size devices as well.
One suggestion is that I am on an ultra-wide monitor and when viewing your solution on devices that are greater than 1440px your content is no centered and some of the elements extend beyond the design specifications.
There are a couple of ways to control this. 1) Implement a max-width on the header and main elements, 2) Implement either margin and padding to align the content where you want, or implement flexbox to center the content on the screen.
I hope this is helpful.
Cheers!
0 - @hangtime319Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
What I'm most proud of about this project is having done it faster than others and being able to apply the techniques I learned.
What challenges did you encounter, and how did you overcome them?My biggest challenge was aligning the form elements and validating the fields. With a lot of research in the documentation I was able to validate them all.
What specific areas of your project would you like help with?Any tips or suggestions are welcome
P@nvallinePosted 6 months agoGood job with this challenge!
Looking over your code, it looks pretty solid to me. Maybe to continue to stretch yourself, you could look at adding some animations with the success toast is displayed and then have it close out automatically.
0 - @hangtime319Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
This project made me practice accessibility and also some CSS features like the accordion.
What challenges did you encounter, and how did you overcome them?The challenge was to perform the accordion without using JavaScript. CSS only.
What specific areas of your project would you like help with?I would like more accordion styling tips.
P@nvallinePosted 6 months agoGood job with this challenge! I am able to tab and navigate the app with my keyboard and everything is well labeled for accessibility.
My only suggestion is that the sizing of the typography and spacing is a little small. It would be a better user experience and more accessible if you were to enlarge the type and spacing to an appropriate size for each device size.
Cheers!
0 - @marcfrancissSubmitted 10 months agoP@nvallinePosted 6 months ago
Hi! Good job with this challenge. The live site is very similar to the design file and it functions as you would expect it. I like the additional animations you added to spice it up.
Marked as helpful0 - P@kaamiikSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
- I learned how to work with a multi step form in a multi page challenge.
- I learned how to build a toggle button that is accessible and using for light/dark toggle.
Using a framework like react to code java script
What challenges did you encounter, and how did you overcome them?Multi page app was challenging. Make an accessible toggle button was challenging too.
What specific areas of your project would you like help with?Please look at my page and If you see any bugs or error please tell me to work on it. and If you see any mistake in my code please let me know to prevent doing it in the future challenges. Thank you very much
P@nvallinePosted 8 months agoHi Kamran,
Good job with this project! There were some tricky elements and you seem to have implemented them well.
When I toggle the dark/light switch it only functions when I click on the icons, but not when I click on the 'switch'. For a better user experience, adding the functionality to the 'switch' would be an improvement as most people will click there first.
You may be able to achieve this by adding an event listener to the class, 'c-toggle__wrapper' and when it is clicked it toggles between the dark & light themes.
I hope this is helpful.
0 - P@TorHammSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
My first time using react its turn out pretty good.
What challenges did you encounter, and how did you overcome them?Encounter a lot of react issue because it is my first time chatGPT and Youtube help me out.
What specific areas of your project would you like help with?Open for any suggestion. :D
P@nvallinePosted 10 months agoHi,
Great job on this challenge! I would have not guessed that it was your first time using React. I don't see any issues that are jumping out at me and your app works well.
Cheers!
0
