Giter Club home page Giter Club logo

pixelatedwarrior's Introduction

Powered By:

Pixelated Warrior

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

Running Repo After Cloning

  1. Run composer install to generate depedencies in vendor folder.
  2. Create .env file in the root of the project (next to .env.example).
  3. Copy all data inside .env.example to .env.
  4. Run php artisan key:generate to generate application key.
  5. Configure .env (see the details below).
  6. Make MySql database based on .env database name.
  7. Run php artisan migrate:fresh.
  8. Run php artisan storage:link.
  9. Run the app using using php artisan serve

Configuring .env

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.

Key Features

  • 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)

Application Preview

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

External Sources

To Do List

  • Beautify FaQ and About page
  • User stats (xp, level, cp)
  • User Equipment
  • Item Market and Leaderboard
  • PvP Battle
  • Content idea elaboration & NFT Integration (?)

pixelatedwarrior's People

Contributors

corneliustantius avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.