Skip to content

emirsagit/shopping-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

E-commerce shopping cart application created with React, Context API, Sass

  • I used SASS to Style Components. The e-commerce cart application persists on LocalStorage. Thanks to The fakestoreapi which gives these products and images to use for free.

Built With

  • JavaScript, React, SASS, CSS, HTML

Live Demo

Live Demo Link

My process

  • First, I focused on getting all the essentials working, like fetching from API, persisting local storage and routing. From there, I worked on file structure to make the components reusable and easier to maintain. And finally, there were several rounds of component coding, styling, and refactoring.

What I learned

  • This was a great React single page application to interface with the REST API. While I have written several React applications from scrath, this was the first to use React Router and an API. This provided a great opportunity to manage the information from the API and to control the navigation between pages. This was the first project where I incorporated SASS with React.
  • I plan to continue building React single page applications to get more experience with hooks and styled components. I will research the nature of state within React application to understand the best practices for managing state and how to handle browser refreshes.

Getting Started

Follow the steps below in order to run the project.

  1. Run the following commands from the terminal.

git clone https://github.com/emirsagit/shopping-card.git

cd shopping-card

npm install

npm start

Authors

👤 Emir Sağıt

Thanks

The fakestoreapi

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

About

e commerce shopping card powered by react

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published