Latest solutions

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

I'm proud of that I still remember how to work with React after a long time of not using it, and specially the brilliant state management technique that I used to manage the global state of the app which I borrowed from the code of our friend here @Briuwu and it's worked very well with my components and made managing the global state a really smooth experience.

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

Maybe useReducer hook which I had little knowledge about, but I read the docs and watched some videos and finally it's clicked.

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

I appreciate every feedback.

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

Very close recreation of the design

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

More of a frustration than a challenge that the gaps / margins between elements on the design was inconsistent.

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

N/A

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

Doing it faster than the previous project and more accurated

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

to increase the box-shadow when the user hover, i needed to look at web

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

with the transtition of the box-shadow, how to do it properly.

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

Improve time taken to get done

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

I am especially proud of the time it took me to finish this project. I estimated around 2 hours but managed to finish it in an hour. I am also happy with finally being comfortable using CSS flexbox since it has always been a bit of a struggle.

I would probably rethink the css properties that I have used for the overall layout. I am not sure is flexbox for body, and flexbox + position: absolute for the main component and footer is the best and common solution.

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

The most challenging parts were:

• the layout of the page: should I use flexbox? Is the combination of flexbox and position: absolute for the footer the best option? Should I use grid for this page?

In the end I've decided to use flexbox & position: absolute for the footer for the overall layout.

• how to fit the image of the QR code.

I've set it's width to 60%, but I am not sure if that's the best solution.

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

I would be grateful for the feedback regarding:

1. the overall layout solution: flexbox on the body + position: absolute on the footer. Is it a good solution and a common one?
2. resizing the QR code image to fit the box? Is my solution to set it's width to: 60% a good one? Is there a better way to solve that part?

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

I think I did my best to write good semantic for the HTML and tried to write clean CSS.

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

This project was easy for me.

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

However, I would love your review. If there is any thing that I could improve on.

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

i would like more instruction on how to go about css styling this would help me in gaining much that i want.

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

i was writting long codes for me and i need more css

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

CSS Styling is much needed and also the instructions

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

During the development of the challenge using ReactJS and Vite, I emphasize my dedication to understanding and improving the use of hooks, especially useEffect. I am proud of my ability to use props and useState effectively, strengthening my understanding of React's fundamental concepts. For future projects, I plan to invest more time in planning and documentation, explore other available hooks, and prioritize testing and error handling from the outset of the development process. I am open to receiving feedback.

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

I encountered difficulties in organizing myself at the SCSS level. I need to think better about HTML structure and its consequences in order to better meet responsive requirements.

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

The first app I made that really combines everything I know and also challenged me a bit to learn some new things. I am proud that I built my own backend and was able to provide full functionality, rather than "simulating" it in the frontend only. Next time I would possibly start the mobile design first, rather than desktop like I did in this case.

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

Finding and matching ID's for all the separate comments was a pain and led to frequent problems, once something was working it seemed like it would break something else. Eventually, with some searching around, I was able to build some recursive helper functions that fixed the ID problem.

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

I am not sure how to center the div vertically without disturbing the layout. Any help/suggestions regarding this are much appreciated.

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

I'm particularly proud of accurately replicating the Figma design into a functional web application, mastering responsive design, and using CSS techniques like text shadows. This project improved my skills in detailed layout management, responsive adaptations, and problem-solving, enhancing my capability to deliver high-quality, aesthetically pleasing web solutions

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

The challenge I faced was aligning all the divs and paragraphs correctly inside the container to match the Figma design. It took careful adjustments of padding, margin, and flexbox settings to get everything just right, especially for different screen sizes. This work helped me improve my skills in CSS and responsive design

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

In my QR code project, I'm looking for guidance in key areas of needing help ensuring the design is responsive and displays correctly across different devices. I also seek advice on best practices in CSS for more efficient coding and layout management.

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?

.

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

I am proud of the design

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

A challenge was making the div appear nice

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

Focused on mobile first and made it easier to change to desktop.

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

Worked with two imgs in the html. One for mobile and one for desktop and alternated between them via display none through media queries for mobile and desktop.

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

Is there another method to change between these two imgs for mobile and desktop?

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

Nothing really

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

None really, still building my foundation as a newbie with this projects

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

how to make my code less reduntant.

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

I'm happy to have reached the end of this challenge. At this stage, I don't know what I would have done differently.

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

I had difficulty positioning the elements because of the extra content that appears when you click on the "more" button. Initially, I'd coded my entire layout without taking this into account and then, when I finally integrated it, I realised that I couldn't use padding on the parent container and that I'd (perhaps) have to use margins. At this stage, I'm not sure that's the best way to do it. I'm a bit disappointed because (and I don't know what my learner peers think), but sometimes I feel confident in HTML and CSS and the next moment I can't get the result I want properly and I'm doubting again.

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

If you've worked on this project differently for the positioning of the elements, I'd be happy to know how and why. Thanks in advance!

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

This project was quite simple to do. I am proud I'm improving on the time I spend on a project and how well the project comes out.

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

I didn't encounter any challenge.

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

Any suggestions on how to improve are very welcome.

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

use sass preprocessor

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

learnt border-box

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

none

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

In this challenge, I utilized both flexbox and CSS grid. Moving forward, I aim to minimize the CSS code in my next challenge.

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

Implementing box shadows for both buttons and cards proved to be a challenge, but through practice, I managed to overcome it successfully.

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

Kindly provide color scheme for all shades

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

Started to use Grid Areas now.

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

Again dealing with Grid Areas

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

none

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

I have styled this project using Tailwind CSS framework and made it responsive.

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

Nothing till now.

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

• What other efficient approaches can I use to design the same layout?
• Any feedback on how my code can be improved in terms of code quality and accessibility?

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

I am proud of the fact that i am able to use flex box to position the component in the middle of the page.

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

The challenging aspect was how to get the component to look the same as the design since there design doesn't give the details of the dimensions used.

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

I will need help with the proper alignment of items

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

I got to practise my CSS Flexbox skills, maybe I'll try using CSS Grid next time.

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

NA

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

NA

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

i want improve my css

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

css display flex properties

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

css