Skip to content

Angular 6 project, app based on legendarymotors.com, it's an excellent project to learn good practices in angular 6.

Notifications You must be signed in to change notification settings

thiswallz/gta-v-legendary-motor-sport

Repository files navigation

🔥 LegendaryMotorSport .net in Angular 6 🔥

All features created from scratch, without UI libraries.

This project was generated with Angular CLI version 6.0.8.

Web App

Includes (These features are made in Angular)

  • Components, Services, Pipes, Models, Types and more
  • Routing (same URLs)
  • JSON file with cars and details
  • Assets (brands, preview and detail images)
  • Sorting cars by Price (like the game)
  • Audio HTML5 when you are over a car item
  • Statistics bar component working with real data
  • Selectable circle color component
🚙 Home! (Everything like the original website)

Alt text

🚗 Home (sorting component working)

Alt text

🚔 Details page (colors, name, price and stats components are working)

Alt text

Example JSON cars

[{
      "id": 1,
      "model": "Karin 190z",
      "brand": "Karin",
      "statistics":{
        "speed": 75.12,
        "acceleration": 67.50,
        "braking": 31.67,
        "handling": 69.70
      },      
      "category": "Part of The Doomsday Heist",
      "price": 1900220,
      "users": 2
    },
    {
      "id": 2,
      "model": "Pfister 811",
      "brand": "Pfister",
      "statistics":{
        "speed": 85.47,
        "acceleration": 89,
        "braking": 37.33,
        "handling": 81.45
      },   
      "category": "Part of Finance and Felony",
      "price": 1135000,
      "users": 2
    }
]

🎉 Installing/Running

It is a normal angular 6 project without any special dependencies.

   git clone https://github.com/thiswallz/gta-v-legendary-motor-sport
   cd gta-v-legendary-motor-sport
   npm i
   ng serve

Application Web (Angular using Material Design) - App at http://localhost:4200/

Authors

  • M Joost Wolff - Initial work - GitHub

See also the list of contributors who participated in this project.

License

This project is licensed under the ISC License

About

Angular 6 project, app based on legendarymotors.com, it's an excellent project to learn good practices in angular 6.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published