E-commerce application built with React.js, Axios, Context Api, Formik, Yup and SASS for the frontend; Swagger API for the backend. And we used Docker for containerization of the application. We triggered the GitHub Actions build process by pushing the code to the GitHub repository. Used DockerHub as container registry to push our Docker images. We used AWS CloudFormation as the Infrastructure as Code solution for deployment the application on AWS EC2 instance.
You can access the live demo from the link here: Live Demo
-
Second Hand Project is an e-commerce site that provides its users with the functionality to add, buy and sell products.
-
Users can directly purchase the products, as well as bid on the products that are open to offers, or open the products they own to offer.
-
In the bidding section, the highest bid was taken into consideration. If the seller approves the offer, the product becomes cannot be offered. In this way, the product is sold to the person with the direct price or the highest offer.
-
If the seller rejects the highest bid, the product offer is shown as rejected in the vendor panel unless there is a higher bid than it. The purpose here is interpreted as the seller expects a higher offer.
-
The product owner cannot buy or bid on her/his own product.
-
If you already have an account, you can log in or use the site by registering.
-
The application is designed for web and mobile. All UI designs are responsive.
- React JS
- Context Api
- Axios
- Js-cookie
- Airbnb Eslint
- SASS
- Formik
- Yup
- Ant Design Upload
- Toastify
- Cypress
- Netlify
-
First, clone the project:
git clone https://github.com/infraform/react-e-commerce-project.git
-
Install dependencies with npm
npm install
-
or install dependencies with yarn
yarn install
-
Start the project on localhost port: 3000 with using npm or yarn
npm start
yarn start
-
Test the project by running Cypress tests and clicking
ikinciElLoginRegister.test.js
yarn run cypress open