TechNerds - web-based application

Table of Contents

• Introduction
• Project aim
• Technologies
• Features
• Web visualization
• Demo video
• Setup

Introduction

An E-commerce web-based application implemented using framework NextJS, Material UI, MongoDB, and other helpful utilities.

Project aim

• Provide an ecommerce gateway for shops that sell electronic devices, particularly laptops.

Technologies

• Front-end: Next JS, Material UI (MUI)
• Back-end: Next JS
• NoSQL Database: MongoDB

Features

• Responsive UI.
• Integration of Paypal payment.
• Admin dashboard.
• Cookies stored on browser.

Web visualization

1. Homepage: )

2. Admin dashboard:

3. And more

• Available in the following demo video!

Demo video

Video

Setup

1. Run npm install on the project's root terminal

• Install necessary packages

2. Local environment variables configurations

• Create a file .env
• Add all following environment variables.

Variable	Value
MONGODB_URI	your MONGODB_URI (provided on your MongoDB cluster)
JWT_SECRET	your JWT_SECRET (a unique string to you!)
PAYPAL_CLIENT_ID	your PAYPAL_CLIENT_ID (A unique ID for Paypal integration provided by Paypal)

3. Run npm run dev

• Run the app in the development mode.
• Open http://localhost:3000 to view it in the browser.