Skip to content

A multi-page shopping website that mimics the look of a luxurious jewelry store based in New York City.

Notifications You must be signed in to change notification settings

cineonizer/shopping-cart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Shopping Cart

This is the Shopping Cart project from the curriculum of The Odin Project's Full Stack JavaScript Path.

What is The Odin Project?

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.

Live Preview

Click here for a live preview of my project.

Goal

Build a multi-page shopping website using React framework and its Router functionality.

Built With

  • HTML
  • CSS/SCSS
  • React.js

Learning Outcomes

  • 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.

About

A multi-page shopping website that mimics the look of a luxurious jewelry store based in New York City.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published