e-commercee

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 17 Open GitHub ↗

No description available.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# e-commercee

This project is an e-commerce web application developed using the PERN (PostgreSQL, Express, React, Node.js) technology stack.

## Login: 
Users must log in with their email and password before logging in. They receive warning messages when they try to log in with incorrect information.

## Home Page:
After logging in, categories are listed on the home page. Users can view related products by clicking on categories.

## Products:
After clicking on the category, products in the relevant category are listed. Users can add products to cart or favorites.

## Search Category/List Products:
Category searches can be made with the search bar and products belonging to this category are listed on another page.

## Cart and Favorites:
Users can view their cart and favorite products and delete products from favorites or cart.

## Make an Order:
Users can confirm their carts and be directed to order form page. In the form, user enter a customer id. If the customer does not exist, order isn't placed. Else, user is directed to the payment page.

## Payment:
Users enter their credit card information and click the "Complete" button to complete the order.
<div style="display: flex; flex-direction: column; align-items: center;">
<img src='images/creditcard.png' height=200 width=300 style="margin: 5px;">
<img src='images/fillcreditcard.png' height=200 width=300 style="margin: 5px;">
</div>

## Order Successfull:
Once the payment is confirmed, the user is redirected to a page showing that the order has been completed successfully. Order information is added to the database and the cart is emptied.
<div style="display: flex; flex-direction: column; align-items: center;">
<img src='images/confirmpayment.png' height=200 width=300 style="margin: 5px;">
<img src='images/chechcart.png' height=200 width=300 style="margin: 5px;">
<img src='images/checkdb.png' height=200 width=300 style="margin: 5px;">
<img src='images/checkdb2.png' height=200 width=300 style="margin: 5px;">
</div>

## Employees:
In "Our Team" page, user can see employees in the company.

## Suppliers:
In "About Us" page, user can see suppliers company work with.

## Logout:
<div style="display: flex; flex-direction: column; align-items: center;">
<img src='images/logout.png' height=200 width=95 style="margin: 5px;">
<img src='images/logoutpage.png' height=200 width=300 style="margin: 5px;">
</div>

# Requirements and Installation:
There are the following requirements to run the project:
<ul>
  <li>Node.js must be installed.</li>
  <li>'npm install' command can be used to install dependencies.</li>
  <li>PostgreSQL is used for database setup.</li>
</ul>

e-commercee

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README