saymow / e-commerce-2.0

🔥 An E-commerce with payment integration, admin panel and automated tests.

🔥 E-commerce 2.0 🔥

📋 About:

    An improvement of E-commerce 1.0. An e-commerce implementation with payment integration, admin panel, automated tests.

Shop flow

shop-flux.cy.ts.1.mp4

Admin flow

flux.cy.ts.mp4

Integration tests

The tests are most on the heavy logic, such as checkout and payments. Light logics are not covered by automated tests.

🚀 Technologies:

Frontend

• React
• Typescript
• NextJs
• Cypress
• Redux
• Axios
• Formik
• Yup
• Styled-components

Frontend admin panel

• React
• Typescript
• CreateReactApp
• Cypress
• Bootstrap
• Redux
• Axios
• Formik
• Yup
• Styled-components

Backend

• Node
• Typescript
• Express
• Typeorm
• Jest
• Bull
• Multer
• Yup

Integrations

• Paypal
• Correios

Database

• PostgreSQL
• Redis

📋 How to use?

# Ensure all dependencies are in the following version: 
NodeJS: v14.21.3
PosgreSQL: v16.1
Redis: v7.2.4

# Clone this repositoy
$ git clone https://github.com/saymow/e-commerce-2.0.git

# Change into its directory
$ cd eCommerce-1.0

# INSTRUCTIONS TO RUN BACKEND AND ADMIN PANEL:

# Change directory to backend.
$ cd ./backend

# For all files ending with ".template.env", create a file ".env" and fill alt environemnts variables.
# Example:
$ cp test.template.env test.env 

# Run this command

# Install dependencies
$ npm install

# Change directory to admin-panel
$ cd ./admin-planel

# For all files ending with ".template.env", create a file ".env" and fill alt environemnts variables.
# Obs: typeorm.test.template.env is inteended to store the credentials for the database using during tests
# Example:
$ cp test.template.env test.env 

# Install dependenceis
$ npm install

# Change directory back to backend
$ cd ..

# Run all database migrations
$ npm run typeorm migrations:run

# Run backend, admin-panel and queue worker (This runs 3 scripts, one for each process)
$ npm run dev 

# (Optinal) in another terminal window, run integration tests
$ npm run test

# INSTRUCTIONS TO RUN FRONTEND:

# Change directory to frontend.
$ cd ./frontend

# Install dependencies
$ npm install

# Run this command
$ npm run dev

# (Optinal) in another terminal window, run e2e tests (checkout cypress installation if needed)
$ npm run cypress:start