https://github.com/midhunterx/played-games-list

🎲 A webpage to list out the games that I have finished/played.
https://github.com/midhunterx/played-games-list

gaming html-css-javascript json-db playedgames timeline

Last synced: 3 months ago
JSON representation

🎲 A webpage to list out the games that I have finished/played.

• Host: GitHub
• URL: https://github.com/midhunterx/played-games-list
• Owner: MidHunterX
• License: mit
• Created: 2021-10-15T08:27:34.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-08-06T18:14:39.000Z (almost 2 years ago)
• Last Synced: 2025-01-16T05:28:38.861Z (over 1 year ago)
• Topics: gaming, html-css-javascript, json-db, playedgames, timeline
• Language: CSS
• Homepage: https://midhunterx.github.io/Played-Games-List/
• Size: 23.9 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![](assets/head.png)

This is a webpage for keeping a list of all the PC games that I have finished playing. 




The main purpose of this beginner project is to familiarize :

- [x] **Grouping and structuring source directory**


 `Proper dir structure... this is the way`

- [x] **Structuring an HTML more effectively by utilizing JavaScript**


 `JS can be used to render recurring HTML using a loop soo...`


 `Less code = less work? ¯\_(ツ)_/¯`


 `Probably not.`

- [x] **Connecting a database to webpage**


 `JSON can be read using D3, JQuery, Fetch etc.`


 `Chose JSON because... no API calls, no login nothing.`


 `Perfect fit for my laziness.`

- [x] **Style elements using CSS**


 `Yep, no external libraries.`


 `No bootstrap. Going the long ugly route.`

- [x] **Responsive Web Design**


 `Using flex and media queries.`

- [x] **Implementing Sort by function**


 `Using simple JavaScript.`