[X] Mobile version
[X] Desktop version
Made with React and Mobile First techniques, the Web APP consumes an FireBase API created with 12 outstanding car images. The idea was to recreate an atmosphere produced card games like Top Trumps for cars. So, users can interact with all card deck. A special ChatArea with the creator of the Lamborghini brand, a Login System were also added to the project.
* ATTENTION: This project was changed after the first version to avoid controversy. The author only uses the Lamborghini brand (all images and logos copyrights) as a proposal of studies in React. The author is not responsible for any improper use of the brand or app!*
- Clone the repo (HTTP Protocol):
git clone https://github.com/Miltonr87/Lamborghini-Collection.git - Using NPM or Yarn to install the React APP and run the project on your computer.
As you see, Lamborghini Collection runs on Node.js, so before you can continue, please ensure that you have it installed with NPM or Yarn. Once you have Node installed, you will need the React (17.01) library. So, to start the project in your machine, open your terminal inside the Lamborghini Collection folder and type "NPM Install" or "Yarn Install".
- React Tinder Card (To swipe Left and Right cards)
- React Spring (Animation library for Modals)
- React Router (React Component Pattern)
- React Sound (To manage sound on Components)
- Styled Components (Used to increase performance CSS-In-JS)
- FireBase (To store cars covers on the FireStore Cloud)
- Material UI (To ensure the closest design to Tinder)
Motivational Hopeful Travel by Alex Productions
All car content was reproduced from Pinterest database.
This project is licensed under the MIT License. Copyright © Milton Rodrigues
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent