Powered By:
A web based RPG game where you will go for a journey as a warrior that will fight sus amogus around by doing programming quiz. You can also use your hard earned credits from your Sus Rush journey to buy equipments and do PvP with other players (To be implemented feature).
Zipped Source: https://drive.google.com/file/d/1F8TvT0qA6VR94eWRUK0UY6NRyC_IRnmi/view?usp=sharing
- Run
composer install
to generate depedencies in vendor folder. - Create .env file in the root of the project (next to .env.example).
- Copy all data inside .env.example to .env.
- Run
php artisan key:generate
to generate application key. - Configure .env (see the details below).
- Make MySql database based on .env database name.
- Run
php artisan migrate:fresh
. - Run
php artisan storage:link
. - Run the app using using
php artisan serve
Some section of the environment variables might be generated by default, but, there are still some extra variables that you should add in order for the application to work. You will have to add GOOGLE_CLIENT_ID
and GOOGLE_CLIENT_SECRET
to the environment file since we will require that for our login from Google function.
- First thing first, you will have to make a project in Google Cloud. Go to: https://console.cloud.google.com/
- After that, you can go to https://console.cloud.google.com/apis/credentials and you need to make OAuth 2.0 Client ID. (you will also wanna make sure to authorize
http://127.0.0.1:8000/auth/callback
in the credential redirect URI authorization). - After finished making OAuth 2.0 Client ID, you can now download your OAuth credentials and put it inside your .env file.
- Standard Login and Register with validation
- Google Login and Register
- Layouting and components sourcing
- Laravel Authorization functionalities
- MySql-Laravel eloquent database
- Picture file uploading to change profile picture
- External API request using Curl (for the quiz function)
Video Preview: https://youtu.be/KLUNHM6qX5o
Video Preview (V2): https://youtu.be/-7slsEsmEac
Home page where your journey begin
Register and Login page to sign yourself to the game, you can also use sign in using Google feature for easier signing.
Your Home page after signed in for easier navigation to your destination
Your Profile page where you can see your adventure history, profile, and also upload a picture to change your profile
The pixel Sus Rush page where you will go for your adventure
- Quiz Open API: https://opentdb.com/api_config.php
- Pixel Arts: http://pixelartmaker.com/gallery
- Beautify FaQ and About page
- User stats (xp, level, cp)
- User Equipment
- Item Market and Leaderboard
- PvP Battle
- Content idea elaboration & NFT Integration (?)