Giter VIP home page Giter VIP logo

my-milestone-project's Introduction

my-milestone-project-Rocket-Leauge

This is my milestone project

The purpose of this project is to help gamers to find the information they are looking for reguarding Rocket League. Rocket League is a cross platform game that is free to play. Rocket League is a hybrid game it is football but with cars. You can trade items with other players and there is an esports tournaments with pro players that are on. You can design cars your own cars with different:

  • Cars
  • Boost
  • Goal Explosions
  • Wheels
  • Decals
  • Colours
  • and more

User Stories

as a user i would like a home page that has all the informatin on the page tat i need for example.

  1. code of conduct
  2. links to the other pages

as a user i would like to contact support for any problems i have with the game or other players.

as a user i would like to view when tournaments are on and also who will be playing with times and dates and the rank the teams are.

features

describe the header

the header is for the title and for the bits of code that are important. You will have a header for all 3 catagories, for example

  1. images
  2. website links
  3. tournaments
  4. home page
  5. contact support
  6. search bar
  • the search bar does not do anything at this stage its purely there to fill in the gap that is on the home page.

images

i took the images off google here are the links to the original images https://rocketleague.media.zestyio.com/rl_platform_keyart_2019.309bf22bd29c2e411e9dd8eb07575bb1.jpg

body of the home page

the body of the home page is for the content you want on your home page, for example

  1. a link to tournaments
  2. a link to contact support
  3. images
  4. game stratagy
  5. code of conduct
  6. and information on the game

here is the link to the full code of conduct. in my html page there is a small piece of it that has been re-worded slightly. i have also source linked it at the top of my html file and in the footer is text saying this is for educational purposes only that i have no rights to rocket league. source:https://www.rocketleague.com/news/rocket-league-code-of-conduct

body of contact support page

the body of the contact support page is for the players of rocket league that have trouble with the game, for example

  1. not able to load game
  • it should be simple to use with a form for the players to fill out with:
  1. email
  2. console they are playing on
  3. a text box for what the problem is
  4. epic account
  5. suggestion for how to fix/improve the game

body of tournaments

the body of tournaments page is for anyone that is interested in RLCS (Rocket League Championship Series) it should have a table that shows:

  1. who will be playing
  2. the times and dates
  3. the kind of tournaments e.g.
  • how many players vs players

describe the footer

the footer is for the social links for example

  1. facebook
  2. twitter
  3. the actual rocket league website
  4. a disclaimer that this site is for educational purposes only
  • you add these to the footer so that they can go to the bottom of your page.

Technology

Languages

i have used html, css, bootstap, and jquery.

Tools/Libraries

i used some bootstap code but changed what applied to my website

Testing ( containing test cases)

i have tested all my code the the validator and have passed i used chrome to test my website website works on my phone and is correct size on my laptop or phone or tablet

  • huawei p30 lite
  • samsumg galaxy tab A
  • hp laptop

home page

page to have a nav bar and footer page to have image of what rocket league is page should have text about the game and code of conduct

contact support

user enters all valid info and click on submit. The form should submit and reload the page page should have navbar and footer

other

bugs fixed - navbar added to add links to other pages to top of page instead of under image

deployment

i used github to originally create my page and did the code with gitpod

credits

Content

the code of conduct was taken from the actual rocket league website https://www.rocketleague.com/ i only used a little piece of the code of conduct. here is a page to the code of conduct on the rocket league website https://www.rocketleague.com/news/rocket-league-code-of-conduct

Media

https://rocketleague.media.zestyio.com/rl_platform_keyart_2019.309bf22bd29c2e411e9dd8eb07575bb1.jpg The image is from google

acknowledgement

i got my inspration from the actual game called rocket league and their actual website which my partner said was confusing to understand

my-milestone-project's People

Contributors

rhibee94 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.