Day 81 & 82 of #100DaysOfCode
Spent the last two days refining my Audiophile e-commerce app. Worked on React Router setup for multiple pages, resolved routing bugs, and adjusted some UI layouts. Also continued improving functionality around checkout and confirmation flow.
Day 79 & 80 of #100DaysOfCode
Continued working on the checkout flow for my project. Built & refined the checkout form, order summary, and confirmation modal. Focused on fixing layout issues, improving validation, and aligning the UI closer to the reference design.
Day 76 & 77 of #100DaysOfCode
I focused on strengthening the cart system. I implemented dynamic quantity handling, connected the cart overlay to global state, added real-time cart item counts in the header, and persisted cart data using localStorage for better user experience.
Day 74 & 75 of #100DaysOfCode
Connected the cart overlay to the header and added toggle logic for opening and closing the cart. Refined the header navigation and prepared the cart structure for future global state and checkout integration.
Day 73 of #100DaysOfCode
Built the cart overlay UI for my Audiophile e-commerce project. Added a modal-style cart with a dark backdrop, item summary, total section, and checkout button. Next step is wiring up cart functionality.
Day 71 & 72 #100DaysOfCode
Spent time learning and Reviewing my understanding of React’s Context API to better understand how shared state can be managed across components. Preparing for when I need it in my project.
Day 70 #100DaysOfCode
Still working on my products pages. Spent today refining layouts, fixing small UI issues, and improving the overall flow of each product. Slow but steady progress.
Day 68 & 69 #100DaysOfCode
Improved my product detail pages by adding a ScrollToTop component for smoother navigation. Spent Day 69 debugging layout and scroll issues to make the UI more consistent and polished.
Day 66 & 67 of #100DaysOfCode
Still working on the product detail pages for my Audiophile project. Making steady progress as I build out each layout and connect the navigation.
Day 63 & 64 of #100DaysOfCode
Finished building the UI for all main pages of my Audiophile e-commerce project, including Home, Headphones, Speakers, and Earphones. The next step is creating the individual product pages so each “See Product” button links to its detailed UI.
Day 62 of #100DaysOfCode
Today, I continued building out the Headphones page for my Audiophile e-commerce project. I refined the layout, improved the UI styling to match the original design, and adjusted the components for better responsiveness.
#React
Day 60 & 61 of #100DaysOfCode
Continued building my Audiophile e-commerce project. I started working on the Headphones page and set up React Router to enable smooth page navigation across the site. Excited to keep expanding the UI and connecting everything together.
#React
Day 59 of #100DaysOfCode
Completed the homepage UI for my Audiophile e-commerce project. Moving on to the next page and continuing to build out the full website experience. Excited to see everything come together!
#React
I had an unexpected break due to a power interruption, which limited my ability to code for the past couple of days. I’m back now and continuing with the Audiophile challenge. Ready to pick up the momentum again.
Day 58 of #100DaysOfCode
Today, I continued working on the homepage for the Audiophile E-commerce project. I focused on refining the layout, organizing components, and ensuring the design aligns closely with the original mockups.
#React
Day 56 & 57 of #100DaysOfCode
These past two days, I focused on starting the Audiophile E-commerce project. I reviewed the full design, organized the project setup, and began working on the homepage structure.
Looking forward to progressing through the components
Day 55 of #100DaysOfCode
I’m kicking off a new journey with the Audiophile E-commerce challenge from Frontend Mentor!
Ready to practice real-world layouts, routing, state management, and responsive design.
Day 54 of #100DaysOfCode Light session today, went through more lessons on the Context API and reinforced how context providers and consumers work.
#React