This is the Shopping Cart project from the curriculum of The Odin Project's Full Stack JavaScript Path.
The Odin Project is a free open-source coding curriculum that helps students learn the necessary skills to become full stack developers from scratch. The curriculum is self-paced and makes use of online resources, such as tutorials, blogs, videos, and official documentation. Students learn from lessons and modules and build portfolio-worthy projects to master their skills in web development.
Click here for a live preview of my project.
Build a multi-page shopping website using React framework and its Router functionality.
- HTML
- CSS/SCSS
- React.js
- Learned about routing in React and routing system to create a multi-page website.
- Learned about SASS/SCSS and utilized in this project for better application of CSS.
- Learned to write and deploy my own fake REST API using JSON Server npm library.
- Learned to take advantage of a carousel npm library.
- Practiced and became more comfortable of CSS media queries to handle dynamic window sizing.
- Used CSS keyframes to animate the welcome landing page.