https://github.com/jvcgoncalves/lol-info-angular

Updating project that i did with only html, sass and js, now i will do with angular
https://github.com/jvcgoncalves/lol-info-angular

angular angular-cli rest-api sass

Last synced: about 1 month ago
JSON representation

Updating project that i did with only html, sass and js, now i will do with angular

• Host: GitHub
• URL: https://github.com/jvcgoncalves/lol-info-angular
• Owner: Jvcgoncalves
• License: mit
• Created: 2024-04-18T19:38:18.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-23T17:23:19.000Z (9 months ago)
• Last Synced: 2024-10-15T05:40:52.758Z (3 months ago)
• Topics: angular, angular-cli, rest-api, sass
• Language: TypeScript
• Homepage: https://lol-info-champs.netlify.app/
• Size: 226 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Lol-info

Rebuilt with angular website for find ou some information about League of Leagends champions

Have nice discoveries

## Technology

Techs I used to develop this project

- TypeScript

- Sass

- Npm

- Git

- Angular

## Services Used

- Github

- Netlify

## How to use

### 1 - When you access, you will see the main page, which just show the current time

![image](https://github.com/Jvcgoncalves/lol-info-angular/assets/127047416/c6b80836-ad09-4571-93cb-cafa20c6222a)

### 2 - At the top you have a seach function.

![image](https://github.com/Jvcgoncalves/lol-info-angular/assets/127047416/b8fd7f33-9686-43da-a30b-d1ecf977c88c)

#### 2.1 For mobile, is just touch the magnifying glass

![image](https://github.com/Jvcgoncalves/Lol-champs/assets/127047416/0b1f517f-37c1-4bb7-be43-6fecc2e3047f)

![image](https://github.com/Jvcgoncalves/lol-info-angular/assets/127047416/4f9e4f6d-48bb-40b6-92f0-293de7ac1714)

### 3 - On the champion card you can click the button 'Learn more' to see more info about the current champ

![image](https://github.com/Jvcgoncalves/lol-info-angular/assets/127047416/c1dc1cd9-42bf-4f19-9964-11f7f34b6864)

### 4 - Clicking you will be redirected to this page 

![image](https://github.com/Jvcgoncalves/lol-info-angular/assets/127047416/bce10e30-4d32-43c0-b76c-4cd44c6dc698)

### 5 - You can click there to learn the champ lore and some tips to play with and against and scroll down to see more about champ skills and passive

![image](https://github.com/Jvcgoncalves/lol-info-angular/assets/127047416/13f7baf0-327e-47ef-8006-38276fb44047)

### 6 - Click in anyone to go back to the previous page ( main page )

![image](https://github.com/Jvcgoncalves/lol-info-angular/assets/127047416/0992c1ca-fcf2-46d4-a34c-0c0a2e1390c8)

## Features

The features of the application are:

- See information about champions that have in game

- See all champions

## Links

- Deploy on netlify: https://lol-info-champs.netlify.app/

- Repository: https://github.com/Jvcgoncalves/lol-info-angular

  - In case of bugs or suggestions contact [email protected]

## Versioning

2.0.0.0

## Authors

- **João Vitor Gonçalves da Costa**

Please follow github and linkdin (link in my profile )!

Thanks to visiting me and good coding!