Latest solutions

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

What i'm proud of:

1. Successful Implementation: I would be proud of successfully implementing both the QR code generation and reading functionalities within the project.

2. User-Friendly Interface: If I designed a user-friendly interface that allows users to easily generate and read QR codes with clear instructions and options, I would consider this an accomplishment.

3. Cross-Platform Compatibility: Achieving compatibility across different operating systems (Windows, macOS, Linux) would be a point of pride, as it ensures a broader reach and usability for users.

What i would do differently next time: 1.Code Optimization: I would focus on optimizing the code for performance and efficiency, especially if there are areas where the implementation could be more streamlined.

1. Documentation: I would pay more attention to documenting the code and providing comprehensive usage instructions, making it easier for other developers to understand and contribute to the project.

2. Testing: I would invest more time in thorough testing to identify and fix any bugs or issues early in the development process, improving the overall reliability and stability of the application.

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

Responsive Design: Ensuring that the application's interface is responsive across different devices and screen sizes can be challenging. To overcome this, I would utilize CSS media queries to adjust the layout and styling based on the device's screen width. By testing the application on various devices and using responsive design principles, I could ensure a consistent user experience.

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

Styling and implementing fonts

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

None.

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

Image sizing and responsive design. I overcome it by reading MDN documentation.

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'm just glad i could do it.

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

1. the qr image didn't fit into div but somehow i got it right. more or less
2. div wasn't centered properly but somehow i got it right. more or less
3. text an their padding was all over the place but somehow i got it right. more or less

looots of trial and error.

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

i don't have any specific questions, any feedback is welcome

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

Currently used custom css next time ill be using css lib

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

Nothing

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

CSS

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

It is not the original idea of the project, but I thought it was interesting to have the two game options in a single view, having the option to switch between them. If you have any suggestions or comments, do not hesitate to write to me.

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

Hey there everyone here I am with another solution!

In this solution I decided to use Shadcn/ui and I really loved it (but I should tell you it takes a little time untill you get how to use it properly to be honest)

I build this accordion with React and Shadcn/ui and used Tailwindcss for styling.

Hope you enjoy it!

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

The only thing I couldn't really figure out is the fonts. I really tried anything I could find on the internet to make the fonts work in Tailwindcss but it seems it didn't. I would be glad if someone told me where is the problem.

Also I don't why Vite sometimes added some random string to the end of some of the files and then it couldn't find those files itself and gave me an error which was really really annoying.

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

Buit with:

• Semantic HTML5 markup
• Native CSS
• Vanilla Javascript
• JSON file to store the pack details
• fetch() to get and populate the data from JSON file
• CSS transition to animate switch toggle
• Accessibility Techniques

Checked with:

• Chrome Screen Reader
• PerfectPixel
• Lighthouse

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

I tried to make this solution as accessible as possible. Please let me know if you spot any issues. Also if you spot any other problem, I would be glad to hear about it :)

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

I am proud of completing this challenge despite the tough setbacks. :)

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

I was facing some difficulties while trying to place the items in the center of the page and making my design responsive. However, I was able to successfully center the contents by using the 'place-items: center;' property inside the body selector. To fix the responsiveness issue, I utilized the 'grid-template-areas' property since it was the tool that I had used earlier to achieve the grid layout on the desktop screen.

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

Please look through my code base for any errors. All corrections or ways to better achieve the layout will be highly appreciated.

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

Completion the project in time - about (45mins), I will complete in 20mins, next time.

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

I proud of being able to resolve distortion of screen upon zooming in and out, by using max-width and min-height..

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

Using different height and width parameters.

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

It was simple task, but I'm happy that I used SCSS because I didn't use it for a long time.

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

• I'm proud of how I implemented the tip calculator app, ensuring it closely matches the design and meets all the user requirements. I utilized React and Chakra UI to create a responsive and visually appealing interface. Handling dynamic calculations for tip amounts and totals per person was a rewarding challenge, and I'm satisfied with the solution I came up with.

• Next time, I would focus more on optimizing the code for better performance and readability. I could explore more efficient ways to manage state and handle user interactions. Additionally, I would spend more time refining the styling to achieve pixel-perfect accuracy with the design.

• Overall, I'm pleased with the outcome of this project, but there's always room for improvement in terms of code quality and design fidelity.

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

• One challenge I encountered was handling custom tip inputs alongside pre-defined tip percentages. Initially, I struggled to properly integrate the custom tip functionality while maintaining a clear user interface and accurate calculations. To overcome this challenge, I carefully revised the logic for calculating tips and ensured that the custom tip input field interacts seamlessly with the pre-defined tip percentage buttons.

• Another challenge was managing state and ensuring that all user inputs are properly validated before performing calculations. I tackled this challenge by implementing conditional checks to validate user inputs and display appropriate error messages when necessary. Additionally, I utilized useRef to manage error display elements and provide visual feedback to users when invalid inputs are detected.

• Overall, by breaking down the challenges into smaller tasks and carefully considering the logic and user experience, I was able to overcome these obstacles and implement a functional and user-friendly tip calculator app.

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

• I'd appreciate assistance with optimizing the layout of the app for different screen sizes and improving the overall responsiveness. Additionally, I'm open to suggestions for enhancing the user interface and experience to make it more intuitive and visually appealing. Any feedback on code quality and best practices would also be valuable to ensure that the project is well-structured and maintainable.

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

I'm proud to have been able to create this design so quickly and to have used the Sementic tag.

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

Nothing to note

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

I'm not sure I got the same shadow effect.

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

I'm most proud of the fact that when I got stuck, I didn't give up, I took a few days off the project, then came back and managed to see it differently and figured out a solution.

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

Aligning everything and writing code in a way that's reusable so i don't have to write the same code over and over again. I gave myself more time to think about what I was doing.

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

Amongst a lot of other things...time management, writing clean code and aligning everything

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

My 5th Junior Project!

I had a lot of fun creating this one. I think I literally fell in love with the color palette and the beautiful images provided. So, I decided to work happily on this one!

This is actually my first time using SCSS for a project on the website. I'm really happy how it turned out because it took me 2 days to complete it. I think I have put some effort to make the elements accessible to everyone! I hope it works well on your devices.

This one did help me make use of my CSS grid and flex layouts. I think this is one of the longest projects I have done so far!

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

I think I had almost no challenges here except getting the paddings right. But I managed to get it close to the design. I had spent some time on the Footer because, I didn't understand the layout quite right. But, after I had an idea about it, I managed to create it with ease.

There were some mistakes in the path of the image, some layout errors and some minor things. I got around these on my own and I'm proud of that!

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

I would like to know how responsive it is and how accessible it is. I would like to know how I can improve my CSS as well as my HTML.

Any recommendation on how I can improve are welcome!

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

The first challenge was how to get the current date , i found out about the date object in js and used it get over it.

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

i need help with making the final result animative . as the user fill the day month year the final age calculate and show via animation.

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

in the preparation of the application layout there is something that can be reduced so that it can be simpler and more effective.

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

in the process of working on the challenge that I face in adjusting the scale of margins or padding that almost resembles the design. but I can still deal with it by estimating the composition.

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

maybe in code or image optimizations

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

It is easy to do so by learning here

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

No challenges.

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

Nothing like that

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

Using tailwind for the first time

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

Sometimes responsiveness don't really work as expected

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

The challenge I described above

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

Using tailwind for the first time

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

Sometimes responsiveness don't really work as expected

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

The challenge I described above

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

Made 2 cards in same column

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

To make cards in same column with and cards have same size

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

Any help is welcome)

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

Added the dark theme in the project. It took some time for to do this but worth it. I will try to add dark theme in every project to see how it looks in both light and dark.

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

Main challenge was to make bullet points in ul > li elements to have the color and also some distance apart from the main content. Also for the ol > li, counting the items in the ol is a new thing i learned and giving them some coloring with the same distance between main content.

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

I am still new to the responsive layout but I am quickly learning and would take much less time in future.