/Epic_Games

We were a team of 6 from Masai Web-14 batch worked on cloning of Epic-Games webpage as part of our third unit construct week. Our project demonstrates a basic flow of pages were users can purchase Games,where a customer can view and filter games, add their games to cart to purchase the game.

Primary LanguageHTML

Epic_Games

Landing Page

1_ey5lEBbQ2Ytkou-eag7AvA 1_ld8DnBvX77Hf_tD3txJGYg 1_nXluTgGs70cl1_cmHpPrpA 1_Y0xx8SMbeKpEzCIkz2S2JQ

Browse Page

1_ey5lEBbQ2Ytkou-eag7AvA 1_ld8DnBvX77Hf_tD3txJGYg 1_nXluTgGs70cl1_cmHpPrpA 1_Y0xx8SMbeKpEzCIkz2S2JQ

Game Description page

1_7iB2d-zbGKuqJHcSX_3HJg 1_8_o877l2YOrzPJmPfFVEcA 1_wTWKJucoLntOTjYohDmJlg

Game data page

1_5I-XLEKVhf83B7baBP3oVg

Wishist

1_wTWKJucoLntOTjYohDmJlg (1)

Cart page

1_SaNyxAPkcyZ2HWDe90L7rA

Payment Page

Capture

Help page

1_2QCv_5z2RQAN51texK-0cg 1_G6rZa25VAUfJfa-auk-6KA 1_iFPfGsdjCl04Yy4nNNFmng

News Page

1_HCJFkLGy1qbb-g26yng2wQ 1_rUZ8MWNCDHY6ziy6jVvVgg 1_W9xnLAudajJLLC6hFsSZRA

Pages Build

  1. Landing Page
  2. Browse Page
  3. Game description Page
  4. Cart Page
  5. Sign in Page
  6. Sign up Page
  7. Wishlist page
  8. Checkout page
  9. News page
  10. Help page

Execution..

  • Want to run in your local Machine? Great!

To run, follow these steps:

  • Clone my repository https://github.com/sathish-02/Epic_Games.git
  • Open that code in your VS code Project Files/index.html
  • Open the index.html on Live server
  • Initialise the server node server.js on terminal
  • Then you can Navigate through other pages from Home page like Browse.html, gameDetailsData.html etc

Built with

  • HTML
  • CSS
  • Advance JavaScript (ES6)
  • DOM
  • Basics of node js

DOM-Events & Attributes

  • addEventListener()
  • getElementById()
  • setAttribute()
  • onclick()
  • createElement() ..etc.
  • Local storage methods
  • localStorage.getItem()
  • localStorage.setItem()

APIs

1.https://newsapi.org/v2/everything?q=games&apiKey=[api_key] 2.Npm mock server

Creators

  • @Sathish
  • @arun
  • @Nitish8800
  • @tushar's_branch
  • @Shantanu
  • @Salakha S