raneenmahmoud / GGamerz

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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


Languages

Language:TypeScript 37.6%Language:HTML 30.8%Language:CSS 19.9%Language:JavaScript 11.7%