PolyAtomicIon / oinap-qal-frontend

Lightweight games on your browser

CSS 410 Research tools and methods

Web platform for HTML5 games

Demo

https://www.oinap-qal.abmco.kz/#/games/1

Team members

• Bekzat Yernat (180107265) - Frontend Developer (GitHub account: PolyAtomicIon)
• Altazhanov Abylay (180107239) - Frontend Developer (GitHub account : altajanovabylay)
• Bekmaganbetov Zhanbolat (180107180) - Backend Developer and PM (Github 180107180)
• Aimzhan Sytdykova (180107110) - UX/UI designer (GitHub account: Ayymzhan)
• Yerlan Negmetulla (180107219) - Backend Developer (GitHub account: yerlan2)

Project

This project is Web platform for HTML5 games. The platform allows to play games instantly free of charge, submit HTML5 games and monetize them.

Alternatives / Market research

Few HTML5 games distribution platforms are Mozilla Marketplace, Facebook, Gamee, Yandex.Games, MarketJS, BoosterMedia, Kongregate, CrazyGames, Softgames, itch.io.

Goals

• What is the purpose of this project?

  Our goal is to create the best conditions for developers to host their games, reach an audience of gamers and users to discover new ways of instantly playing in the browser.

• What are the problems it will solve?

  • Nowadays, the monopoly of app markets, such as google play and app stores limit game developers and require high commissions. To address this issue, we will work on an open platform for independent game developers with a focus on HTML5 games.
  • Users with low-end devices lack enough storage on their devices and can not access games from markets, the only way is to play online, and our platform provides a list of high-quality games that could be played instantly free of charge.
  • We offer integration for messengers to increase customer acquisition and retention by creating conditions for competition.

• What is the product vision?

  Entertainment in the twenty-first century should be available without the need for downloads, installations, or specific equipment. No matter what device you use, you can play anywhere, at any time! And we will provide high-quality, lightweight, fun games to users. For developers, we will provide tools to create leaderboards, monetize games, reach the audience of players and get feedback on their games.

Technologies

In our project we use HTML5, VueJS, Node Js, Django

Pages / Activities

We will have following pages:

• List of games grouped by tags, genres, popularity
• Category page with list of games game in specific category
• Game page with details, feedback, actual game, leaderboards
• Developers dashboard for managing games
• Profile page with list of last played games, leaderboards
• Authorization page
• Settings page
• Landing page about our platform
• Admin panel for managing games, developers in the platform

Page descriptions

Page	Items
Authorization /auth	Login Registration Password recovery
Homepage /	List of games with preview Filter section by genres, tags etc. Search form
Category Page /category/:category_name	Featured Category games Games filters Games list
Game Page /game/:game_id/	Game Image Game Title Game Description Game canvas Feedback(Comments, Rating) Leaderboard Share button
Developer’s Page /studio	List of developers games Filter panel (newest, oldest, popularity) Uploading new game
Developer’s new game /studio/new_game	Title Description Game Image Uploading game file Tags Genres
Developer’s Game Page /studio/:game_id/	Statistics Customization Feedbacks section
Search page /game/?search=...	List of items based on search filters Filters sidebar
Admin page /admin/	Dashboard List of games for moderation
User profile /profile	Settings Leaderboard Friends
Settings /profile/settings	User Avatar Email verification Password Recovery

Non-Functional requirements

1. The application must be built in Vue Js and Node js, Python for backend.
2. The application must be hosted on Heroku or Hoster.kz
3. The application must work in all modern browsers
4. The application must be indexed by search engines. SEO friendly
5. The application must be responsive (work well and look good on all screen sizes)
6. The application must work on all modern browsers of all Operating Systems.

Risks

1. It will be complicated to add Ads and share revenue with developers
2. An optimizing platform for low-end devices can be tricky
3. Support for all browsers and devices will require a huge amount of work and testing

Future iterations

Feature	Description
Offline support (PWA)	Allows to install html5 games to mobile
Collaboration	If the developer wants to supplement someone's game, he can request editing or contact the owner of the game and write about the joint revision of the project.
Currency	Introduce a common platform currency to use for in-app purchases.
Learnings and blogging	Developers who like to share their experiences can blog about their development of a certain game or help in learning in creating them. It can be both paid or free, depending on the desire of the author of the training.
Shop	A section with a store for game developers where they don't have to worry about assets and can easily buy or purchase for free, depending on the seller for their game projects.
Education Technologies	An experimental section for trying HTML5 technology in education by running simulations and visualizing natural processes.
Studios and jobs	A tab with job vacancies for game developers. Studios can announce that they are looking for an employee to create certain games, and the developers themselves can easily respond using our platform.