Skip to content

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

License

Notifications You must be signed in to change notification settings

infraform/react-e-commerce-project

Repository files navigation



ikinci-el-logo


Description

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

Content

About

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

Used Packages And Modules

  • React JS
  • Context Api
  • Axios
  • Js-cookie
  • Airbnb Eslint
  • SASS
  • Formik
  • Yup
  • Ant Design Upload
  • Toastify
  • Cypress
  • Netlify

Installation

  • 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
    

Previews

Web - Login Page

Web - Register Page

Web - Main Page

Web - Detail Page

Web - Add Product Page

Web - Account Page

Mobile

mobile-prew mobile-prew mobile-prew mobile-prew mobile-prew mobile-prew



App Performance

Web

mobile-prew

Mobile

mobile-prew

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages