E-Commerce Website Built with React.js

ciccc-react-midterm-team-project

Author

Taichi Ishiguro
Kit So
Miyabi Tanimichi

Introduction

This is an e-commerce website built with React.js, and it has its main page, cart page, checkout page and login page. It also has functionalities to search items by a search bar and by categories, store items in the cart page, and login by Google account.

Built with

• React.js
• Sass

Features / Technologies we used

• Hooks
• React-Router-Dom
• Context API
• Firebase Authentification
• localStorage
• React uuid
• Axios
• Fake Store API

Roles in this project

Taichi Ishiguro coded & was in charge of following files:

• index.js
• context/auth-context.js
• context/products-context.js
• firebase/firebase.js
• products/additionalProducts.js
• routers/AppRouter.js
• routers/PrivateRoute.js
• components/detail/Detail.js

Kit So coded & was in charge of following files:

• components/account/Account.js
• components/app/App.js
• components/carousel/Carousel.js
• components/carousel/CarouselItem.js
• components/carousel/CarouselItemSlide.js
• components/carousel/Item.js
• components/category/Category.js
• components/footer/Footer.js
• components/greeting/Greeting.js
• components/header/Header.js
• components/itemList/ItemList.js
• components/searchResult/SearchResult.js
• components/detail/PopUp.js
• components/detail/Detail.js
• Designed logo and Favicon

Miyabi Tanimichi coded & was in charge of following files:

• components/detail/Detail.js
• components/detail/Specification.js
• components/cart/Cart.js
• components/cart/CartItem.js
• components/checkoutCheckout.js
• components/wrapper/Wrapper.js
• README.md