What are you most proud of, and what would you do differently next time?
I'm most proud of how I integrated the API to dynamically fetch and display random advice. The seamless interaction between fetching data and updating the UI showcases my understanding of asynchronous JavaScript and DOM manipulation.
What challenges did you encounter, and how did you overcome them?
N/A
What specific areas of your project would you like help with?
I would appreciate feedback on optimising the fetch request handling and improving the performance of updating the DOM. Additionally, suggestions for enhancing accessibility features and ensuring compatibility with older browsers would be valuable to me.
What are you most proud of, and what would you do differently next time?
What I am most proud of:
I am most proud of successfully integrating Tailwind CSS into my project. This was my first time using Tailwind, and I managed to create a visually appealing and responsive Rock-Paper-Scissors game. Additionally, I’m proud of the interactive elements and the smooth user experience achieved through React's state management.
What I would do differently next time:
Next time, I would focus more on the optimisation of the game logic and perhaps introduce more features such as animations or sounds to enhance the user experience. I would also like to explore using custom hooks in React to make my code more modular and reusable.
What challenges did you encounter, and how did you overcome them?
Challenges:
Learning Tailwind CSS: Since this was my first time using Tailwind, I found it challenging to get used to its utility-first approach.
State Management: Managing the state for user choice, computer choice, and the game result in React required a good understanding of React's state and lifecycle.
Responsive Design: Ensuring that the game looks good on all screen sizes was a bit tricky, especially with the positioning of elements.
How I overcame them:
Learning Tailwind CSS: I overcame this by going through Tailwind's official documentation and looking at various examples. I also practiced by creating small components before integrating them into the main project.
State Management: I broke down the problem into smaller parts and used React's useState hook to manage each piece of state. I also referred to React's documentation and various online tutorials to better understand state management.
Responsive Design: I used Tailwind's responsive utilities extensively and tested the game on different screen sizes. I also used CSS Grid and Flexbox for better control over the layout.
What specific areas of your project would you like help with?
I would love feedback on how I can further optimise my code, particularly the game logic and state management.
_ While I have a basic understanding of Tailwind, I would appreciate any tips or advanced techniques that can help improve my styling workflow.
What are you most proud of, and what would you do differently next time?
I am proud of successfully completing the Frontend Mentor challenge to build a blog preview card. The design turned out well, and I'm satisfied with how it looks.
What challenges did you encounter, and how did you overcome them?
One challenge I encountered was ensuring responsiveness across different devices. Initially, the card design looked good on desktop, but it didn't adapt well to smaller screens. To overcome this, i adjusted my css styling. Additionally, testing the design on multiple devices helped identify any issues and allowed me to make necessary adjustments.
What specific areas of your project would you like help with?
While I'm generally satisfied with the outcome of the project, I would appreciate feedback on my code structure and organisation.
What are you most proud of, and what would you do differently next time?
I am most proud of how I successfully implemented the QR code component according to the specifications provided by Frontend Mentor. Next time, I would like to enhance the responsiveness of the component to ensure it displays optimally across various devices and screen sizes.
What challenges did you encounter, and how did you overcome them?
One challenge I encountered was styling the QR code component to achieve the desired layout and design. To overcome this challenge, I utilised CSS flex-box and experimented with different properties until I achieved the desired result.
What specific areas of your project would you like help with?
I would appreciate feedback on the overall design and user experience of the QR code component. I would like suggestions on how to improve the visual appeal and usability of the component.
What are you most proud of, and what would you do differently next time?
I am most proud of how I was able to accurately replicate the design provided by Frontend Mentor for the Recipe Page Challenge. Achieving a pixel-perfect layout using only HTML and CSS was quite satisfying. I put a lot of effort into ensuring that the design was responsive and looked good on both desktop and mobile devices.
Next time, I would approach the project with a more structured plan from the outset. While I managed to complete the challenge successfully, I believe I could have saved time by first outlining a clear strategy, including how to organise my CSS and HTML files more efficiently. Additionally, I would explore ways to optimise my code further, perhaps by using more advanced CSS techniques or adopting a CSS preprocessor like Sass to streamline the styling process.
Overall, I'm proud of my accomplishment, but I recognise areas where I can improve and look forward to implementing those improvements in future projects.
What specific areas of your project would you like help with?
While I was able to complete the project successfully, I would appreciate feedback on my code structure and organisation. Specifically, I would like suggestions on how to improve the modularity and maintainability of my CSS code. Additionally, any insights on optimising my CSS for performance or enhancing the user experience would be valuable. Overall, I'm open to any constructive criticism or advice that can help me further refine my skills as a frontend developer.
