This was our first project in the first year of our Studies- This was initially our introduction into design and CSS, then an exercise in stretching our JavaScript skills. The main purpose of this site was to advertise and sell games at competitive prices, to be able to view them and their specific details and to add them to your cart.
Our Brief:
(GameHub is an online shop where users can purchase computer games. This gaming marketplace lets you buy tons of video games online for any device.
GameHub is a competitively priced website with a huge range of games.
Slogan
The universe of games
Target audience
Gamers
Aged 18 to 25 who are interested in computer games, and would either like to purchase games or would like to sell games they have finished playing.
Unique selling points
For a user buying games: It is an online game store that provides digital games to gamers at a competitive price.
GameHub allows you to purchase a wide selection of games, at a competitive price.
Site architecture
Home
List of games
A games page showing the product details (product details such as the description of the product, price and add to cart button)
Checkout page
Checkout success
About
Contact)
A game purchasing site with competitive prices and smooth functionality. You should be able to see a full display of the games on offer, and them add them to a semi functioning cart. (Main purpose-- to buy games.)
-- Home Page
Our home page was meant to introduce the site adequately, so at a glance it was obvious what the site did- Thous would be via a title or to introduce the games- i tried to do both. This page should be easily to navigate through, and show clear options to view ore details about the games being sold.
-- Games
The user should have the option to click on one of the games displayed either on the home page, or a page where a selection of the games can be viewed, and be taken to a page the displays more information-
-- Info page
The page where the user can see more of the pertinent details about their prospective purchase, the price, if said game is on sale, how many players, the genre and a descriptive paragraph about the gameplay and adventure ahead.
-- buy now
Upon clicking the "Buy Now"/ "Add to cart" button on either the home page or the product details page, the number next to the cart icon should increase. Whwn clicking on the cart icon itself, there should be visible a list of the games (or an empty cart if you have not selected any of the games), their prices, a running total and a "complete purchase" button that accurately simulates the buying process.
-- Contact Page
This page should have form validation, and simulate the process of emailing the hosts of the site.
-- Other Pages
For the functionality of the site the other pages are not integral- should inclide an "About us" page.
** Note **
No Tech used so far- Pure CSS, HTML, and JavaScript- will update if this changes
Installing
Clone the repo:
git clone git@github.com: https://github.com/AutopsyTurvy/GameHub-KittyAliceCase.git
Install the dependencies: N/A
npm install
Running
To run the app, run the following commands:
npm run start
(You may also choose to add to/ clone this code in another way than through the command line or terminal, and you may do this by opening it in your chosen code editor, via GitHub desktop, and subsequently, VScode. )
Contributing
Contributions are welcome, but I would request that the invidicual that does so, clones the code and adds notes so that I can review any changes before they are comitted to the project permanently. Thank you!
Contact:
Email me: autopsyturvycoding@gmail.com
Find me on Discord: (Kitty Alice Case kittyalicerayworth)
Acknowledgments
Thanks to my dear friend Jamie, who explained so much to me.