Skip to content

NadaAlaaEldeen/GGamer-ecommerce-

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

Introduction

GGamerz is an e-commerce website with an admin-panel that allows admins to control all data manipulation and handling. Our app mainly serves as a platform where users can shop through a database of various games ⚽🎮🕹️🧩 and filter by different choices such as game type, game category or platform compatibility. Users can build their profile and add their game preferences and Discord links to facilitate contact between them and other users as a part of our community.

Demo Video 📺

Website Demo Video


Don't forget to visit our website at 👉🏻 https://ggamerz.netlify.app/

Technologies

MEAN is a technology stack used for building full stack applications. It's a combination of the following technologies:

  • MongoDB—document database.
  • Express—a Node.js framework for building APIs.
  • Angular—front-end application framework.
  • Node.js—server-side JavaScript runtime environment.

Features

  • User authentication.
  • Homepage with game teasers.
  • User profile.
  • Store with game type, game category or platform compatibility filtering.
  • Add to cart, remove from cart and remove all.
  • User can view their pending, accepted or rejected orders.
  • Stripe visa payment gateway💳.
  • Responsive design for mobile and desktop devices🖥️📱.
  • Chart statistics📈.

Admin-panel

  • Chart statistics and analysis📊.
  • Images upload using Multer and cloudinary.
  • User ban and unban.
  • Reject or accept orders.
  • Add, edit, view and delete products.

Installation & Run

git clone https://github.com/asmaagamal871/angularProject.git

Database creation

  • create database on mongodb
  • create .env
DATABASE_NAME=
SECRET_KEY=
CLOUD_NAME=
CLOUDINARY_KEY=
CLOUDINARY_SECRET=
CLOUD_PATH=https://res.cloudinary.com/ds5puha49/
STRIPE_PUBLIC_KEY=
STRIPE_SECRET_KEY=
cd Angular
npm i
ng serve -o
open your browser on http://localhost:4200/
cd Nodejs
npm init
npm install
node server.js     or    nodemon server.js
Server will be listening on port 3000

Authors

About

MERN Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 37.7%
  • HTML 30.5%
  • CSS 20.0%
  • JavaScript 11.8%