ELPAHTRONICS

An E-Commerce web application that demonstrates the online shopping process.

Preview

elpatronicss.1.mp4

Technologies

This project is built with

• React and typescript for the frontend, and utilizes styled-component for styling.
• MongoDB for products, orders and user storage
• NodeJS, Express for the backend

Dependencies

Client:

• Firebase for for simple email and password authentication
• PayPal for payment processing.
• Stripe for payment processing

Server:

• MongoDB for the database to store products, users, and orders.
• Mailjet for sending order confirmations and feedback confirmations to users.

Features

• Sign up
• Sign in
• Add to cart
• Delete from cart
• Clear cart
• Increase product quantity in cart
• Make a payment through PayPal or Proceed to checkout and pay with visa card
• Make a payment through Visa Card
• Send a confirmation email with order details when payment is successful.
• Send confirmation email when feedback is submitted

Home Page

Product Page

Contact

Cart

Checkout

Find Order

Login

Signup

Userpage

User Orders

Setup

Backend

1. Open a new terminal

2. Move to the Server directory

   cd server
   

3. Rename .env.example to .env and add your details for the MongoDB connection string, database name, mailjet, and stripe keys

   mv .env.example .env
   
   

4. Run the commands

   npm install && npm start
   
   
   

Client

1. Open a new terminal

2. Move to the Client directory

   cd Client
   
      

3. Run the commands

   npm install && npm start