Gemarse Ecommerce

Gemarse is a full-stack ecommerce website built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It enables users to browse, search, and purchase products online securely.

Live Version

Screenshots

Cart

Navigation

Mobile Landing Page

Table of Contents

• Features
• Technologies Used
• Getting Started
  • Prerequisites
  • Installation
  • Usage
• Deployment

Features

• User JWT authentication and authorization
• Product catalog with categories and search functionality
• Shopping cart functionality
• Secure checkout process with Stripe integration

Technologies Used

• MongoDB: NoSQL database for storing product, user, and order data
• Express.js: Backend web framework for handling HTTP requests and routing
• React.js: Frontend JavaScript library for building user interfaces
• Node.js: JavaScript runtime environment for executing server-side code
• Stripe: Payment processing platform for handling transactions securely

Getting Started

Prerequisites

• Node.js and npm installed on your local machine

Installation

1. Clone the repository:

   git clone https://github.com/gerardsegismundo/gemarse.ecommerce_2023

2. Navigate to the project directory:

   cd gemarse

3. Install server dependencies:

   npm install

4. Navigate to the client directory:

   cd client

5. Install client dependencies:

   npm install

6. Set up environment variables:

   • Create a .env file in the root directory with the following environment variables:

      MONGO_URI = your_mongo_db_uri
      STRIPE_KEY = your_stripe_key
      CLIENT_URL = http://localhost:3000 or your client_url
     
      JWT_SECRET_REFRESH = your_refresh_token
      JWT_SECRET_ACCESS = your_secret_access
     
      JWT_EXPIRE_REFRESH = 30 or ??
      JWT_EXPIRE_ACCESS = 7 or ??
     
      JWT_EXPIRE_COOKIE = 7 or ??
     

Usage

1. Start the server and client on dev mode:

   npm run dev

2. Access the application in your web browser:

   http://localhost:3000
   

Deployment

You can access the deployed application using the following links:

• Render Deployment