About

I've created the UI for cars filtering, which could be later used on the car rental booking site.

GIF

Table of contents

• GIF
• Technologies
• Setup
• Gained knowledge
• Status
• Improvements
• Contact

Technologies

• JavaScript ES6
• React library
• Sass extension of CSS3

Setup

To open and launch the project do the following steps:

1. Clone this repo or download ZIP and extract the file.

2. Using terminal, navigate to the location where the file
was extracted or repo was cloned and install project package
dependencies in the same folder - run "npm install" command
in the terminal.

3. Launch the project by typing "npm start" command in the
terminal.

4. Open your favorite web browser and go to the address:
"http://localhost:3000/" where you will see the project running
live.

Gained knowledge

• Knowledge in React:
  • Props passing and rendering
  • useState, useEffect and useRef hooks + events handling
  • JavaScript embedding in JSX and conditional rendering
  • Creation of reusable components
• Adding and using Sass in the React project

Status

Project is: finished.

Improvements

• Add unit tests
• Make mobile friendly

Contact

Created by @Lukas Krisikaitis - feel free to contact me on LinkedIn!