Giter Site home page Giter Site logo

leaguesite's Introduction

League of Legends Website


main_page

champions cho_gath items maps profile

Project:

Website based on the game League of Legends. This project was completed in the third year of my Computer Science degree at the F.S.T Limoges (France) with Yoann SOCHAJ.

Technology used:

  • HTML
  • CSS
  • Javascript
  • PHP
  • SQL

Features:

The top navbar allows the user to navigate between multiple pages:

  • The main page contains information about the game and how to download it.
  • The champion list page contains icons of 20 different champions which can be found in the game. If you click on their icon you will be redirected a page detailing that champion.
  • A specific champion page contains its 3D Model (all models are from SketchFab) rotating using Three.js, information about the champion's history, their spells with videos demonstrating them in game as well as linked champions.
  • A page containing items that can be found in the game. Hovering over a specific item will pop-up information about it.
  • A page containing the different maps in League of Legends again with interactive icons to hover over.
  • A Sign up & a Log in page (users are stored in the database and their passwords are encrypted).
  • A profile page appears when you are logged in to your account. You can now favorite your champions on the champion page and they will appear on your profile page.

Authors:

leaguesite's People

Contributors

ledrypotato avatar yoannso 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.