Giter VIP home page Giter VIP logo

riotgames's Introduction

Riot Games

RIOT Games is a game development company known for creating popular games like League of Legends and Valorant. This website is designed to showcase the company's products, services, and brand identity to potential customers and partners.

This project focuses on developing a web application using React, a popular JavaScript library for building user interfaces. The application aims to provide information and resources related to Riot Games and its various games, such as League of Legends, Valorant, and Teamfight Tactics.

The website will showcase the games developed by RIOT Games, providing information on the game mechanics, gameplay, and storyline.

NOTE: This Project only focused on the UI

Installation

To install and run the React app locally, follow these steps:

  1. Clone the repository: git clone (https://github.com/lllmavlll/RiotGames)
  2. Navigate to the project directory: cd RiotGames
  3. Install dependencies: npm install
  4. Start the development server: npm start
  5. Open a web browser and visit http://localhost:3000 to access the app.

Usage

Upon successfully running the React app, you can utilize the following features:

  • Home Page: few Hero sections
  • Games page: Information and Gameplay about all the games developed by Riot games Till now, with an Interactive UI,
  • About Page: About info on Riot Games.
  • Support Page: The support page that takes feedback from the user( UI only).
  • Sign-in Page: Sign-in page to sign in to the website.

To view the page live, click on the link below.

https://lllmavlll.github.io/RiotGames/

once you landed on the Home page click on the riot games logo

Dependencies

The React app relies on the following dependencies:

  • "react": "^18.2.0",
  • "react-dom": "^18.2.0",
  • "react-router-dom": "^6.10.0",
  • "react-scripts": "5.0.1",
  • "web-vitals": "^2.1.4"

Ensure that these dependencies are properly installed and up to date to ensure the app's smooth functioning.

Demo/Output

Home page

Screenshot (97)

Games page

Screenshot (98) Screenshot (99) Screenshot (100)

Sign-in Page

Screenshot (95)

Support page

Screenshot (96)

Mobile View

Screenshot (103) Screenshot (101) Screenshot (102)

Feedback and Support

If you have any feedback, or suggestions, or need support with this project, please feel free to contact me at [email protected].

If you like the project, Star โญ this repo to support the project.

riotgames's People

Contributors

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