Git Product home page Git Product logo

ecommerce-spring-reactjs's Introduction

Build Status codecov

๐ŸŒบ Perfume web store

E-commerce project developed using Spring Boot and React.js.

An actual version of build is deployed on AWS:

http://perfumesweb.tk
Login: [email protected]
Password: admin

Used Technologies:

  • Back-end: Spring (Boot, Data, Security), JPA / Hibernate, PostgreSQL, JUnit, Mockito
  • Front-end: TypeScript, React.js, Redux, Jest, Bootstrap, CSS
  • Security: JWT, OAuth2 Google, Facebook, Github
  • REST API, GraphQL API
  • AWS: EC2, S3, PostgreSQL RDS
  • Server Build: Maven
  • Client Build: npm, yarn, webpack

Features

  • Authentication with JWT and Email validation.
  • Authentication with Google, Facebook or Github
  • Customers can search for the product according to the specified criteria.
  • Customers can add and delete products from the shopping cart.
  • Customers can order the products in the shopping cart.
  • Customers can change their password and view their orders.
  • Admin can add or modify a product.
  • Admin can change the data of any user.
  • Admin can view orders of all users.

Installation

  1. Install Java 8
  2. Install maven 3
  3. Install Postgresql
  4. Install Lombok and GraphQL plugins in Intellij IDEA
  5. Create a new DB (perfume) in Postgresql
  6. In file application.properties:
    6.1 Change your upload path to directory .../ecommerce-spring-reactjs/src/main/resources/uploads (variable upload.path (10 line))
    6.2 Type your username and password from your gmail account on 14 and 16 lines.
    6.3 Go to https://myaccount.google.com/u/2/lesssecureapps and change to: โ€œAllow less secure apps: ONโ€. If you do not change this setting in your Google account, then when sending a message to an email, a 500 server error will occur.
  7. Install node.js
  8. Type in console command: npm install (or yarn install)

Swagger Documentation

http://ec2-3-122-228-86.eu-central-1.compute.amazonaws.com:8080/swagger-ui.html
Or show local:
http://localhost:8080/swagger-ui.html

Screenshots

Menu page Product page
Menu page Product page
Email template List of users
Email template List of users
List of orders User order page
List of orders User order page
User profile page Add perfume page
User profile page Add perfume page
Edit perfume list Edit perfume page
Edit perfume list Edit perfume page

ecommerce-spring-reactjs's People

Contributors

merikbest avatar

Stargazers

Roman avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.