Here’s the final result and feel free to put some items in your shopping cart.
Stage 1 – RWD
I focused on how to use flex-box in CSS for the whole website structure. Familiar with RWD is the most important skill for a frontend engineer. I highly recommend flex-box froggy for a newbie. It’s really helpful after playing the game.
Also, I spent a lot of time learning Git. I put my code on GitHub and learned to pull-request to a reviewer. I learned a lot of skills from learning Git branching.
Stage 2 – Function Logic & Local Storage
Because I was learning to do an E-commerce website, I need to learn more about the function logic when a user buys things. Also, I need to learn how to store the data of a user put items in their shopping cart, so that means I need to learn how to use local storage.
And still… Return to check all my CSS structure, sometimes it’s just broken like this (T_T).
Stage 3 – API Integration & Google SEO
And Integrated Facebook API into my website while a user is logging.
In the end, I put my website into Google Analytics to track the user’s behaviors. GA Documentation was really helpful and I would definitely dig into it in the future.
You could read more about my development journey here: