Merge branch 'main' of https://github.com/Victoria-Fedkova/wheels4rent

README.md

@@ -1,8 +1,142 @@
-# React + Vite
+<a name="readme-top"></a>
+<div align='center'>
+<p align="center">
+    <a href="https://github.com/Victoria-Fedkova/wheels4rent/commits/main">
+    <img src="https://img.shields.io/github/last-commit/ArmynC/ArminC-AutoExec.svg?style=flat-square&logo=github&logoColor=white"
+         alt="GitHub last commit">
+    <a href="https://github.com/Victoria-Fedkova/wheels4rent/pulls">
+    <img src="https://img.shields.io/github/issues-pr-raw/Victoria-Fedkova/wheels4rent.svg?style=flat-square&logo=github&logoColor=white"
+         alt="GitHub pull requests">
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+[![Forks][forks-shield]][forks-url]
+[![Stargazers][stars-shield]][stars-url]
+[![Issues][issues-shield]][issues-url]
+[![LinkedIn][linkedin-shield]][linkedin-url]
 
-Currently, two official plugins are available:
+[forks-shield]: https://img.shields.io/github/forks/Victoria-Fedkova/wheels4rent.svg?style=for-the-badge
+[forks-url]: https://github.com/Victoria-Fedkova/wheels4rent/network/members
+[stars-shield]: https://img.shields.io/github/stars/Victoria-Fedkova/wheels4rent.svg?style=for-the-badge
+[stars-url]: https://github.com/Victoria-Fedkova/wheels4rent/stargazers
+[issues-shield]: https://img.shields.io/github/issues/Victoria-Fedkova/wheels4rent.svg?style=for-the-badge
+[issues-url]: https://github.com/Victoria-Fedkova/wheels4rent/issues
+[linkedin-url]:https://www.linkedin.com/in/victoria-fedkova/
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+<!-- PROJECT LOGO -->
+<br />
+<div align="center">
+  <a href="https://github.com/Victoria-Fedkova/wheels4rent">
+    <img src="https://github.com/Victoria-Fedkova/wheels4rent/assets/63882255/0eaa859a-3422-4702-93e3-25e0992f250f" alt="Logo" >
+
+  </a>
+
+
+<h1 align="center">Wheels 4 Rent</h1>
+ <h3 align="center">React + Vite Aplication created to find your best car rental with easy way</h3>
+
+  <p >
+    <a href="https://github.com/Victoria-Fedkova/wheels4rent"><strong>Explore the docs »</strong></a> |
+    <a href="https://victoria-fedkova.github.io/wheels4rent/">View Demo</a> |
+    <a href="https://github.com/Victoria-Fedkova/wheels4rent/issues">Report Bug</a> |
+    <a href="https://github.com/Victoria-Fedkova/wheels4rent/issues">Request Feature</a>
+  </p>
+</div>
+
+
+
+<!-- TABLE OF CONTENTS -->
+<details align="left">
+  <summary>Table of Contents</summary>
+  <ol>
+    <li>
+      <a href="#about-the-project">About The Project</a>
+    </li>
+    <li><a href="#built-with">Built With</a></li>
+    <li><a href="#usage">Usage and features</a></li>
+    <li><a href="#contact">Contact</a></li>
+  </ol>
+</details>
+
+
+
+<!-- ABOUT THE PROJECT -->
+## About The Project
+<img width="1208" alt="Снимок экрана 2023-09-20 в 23 33 13" src="https://github.com/Victoria-Fedkova/wheels4rent/assets/63882255/9abf8860-9f72-400d-80b4-7bd247e4ad2c">
+<p align="left"> A simple user-accessible web application for searching and ordering a car rental. Allows you to find the car you need in a few steps</p>
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+### Built With
+[![Technologies](https://skillicons.dev/icons?i=html,css,sass,js,vite,react,redux,styledcomponents,emotion,materialui)](https://skillicons.dev)
+[![Tools](https://skillicons.dev/icons?i=github,git,bash,vscode,postman,androidstudio,figma,formik)](https://skillicons.dev)
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+<!-- USAGE EXAMPLES -->
+## Usage 
+ <p align="left"> Сoncise navigation menu for application pages</p>
+<img width="1223" alt="Снимок экрана 2023-09-21 в 01 17 00" src="https://github.com/Victoria-Fedkova/wheels4rent/assets/63882255/e7abfaee-d50e-4d14-8b5d-a3b3b8ef0e59">
+
+ <p align="left">Easy search using form selectors</p>
+<img width="1265" alt="Снимок экрана 2023-09-20 в 23 17 44" src="https://github.com/Victoria-Fedkova/wheels4rent/assets/63882255/51a7a4bd-ddb9-4bed-a626-18043a04bc47">
+
+ <p align="left">Pagination and quick return to the top of the screen</p>
+<img width="1504" alt="Снимок экрана 2023-09-20 в 23 18 33" src="https://github.com/Victoria-Fedkova/wheels4rent/assets/63882255/436da5e5-3fbb-44f0-a0fe-3aa2ac4f6e87">
+
+ <p align="left">Recommend popular cars based on user viewing. </p>
+<img width="1337" alt="Снимок экрана 2023-09-20 в 23 16 23" src="https://github.com/Victoria-Fedkova/wheels4rent/assets/63882255/5188c881-6b13-4e27-beac-79310dff638d">
+
+ <p align="left">Filters for custom favorites </p>
+<img width="1232" alt="Снимок экрана 2023-09-21 в 01 13 35" src="https://github.com/Victoria-Fedkova/wheels4rent/assets/63882255/782d178d-daa4-4302-9ecb-67fe6b569089">
+
+ See the [open issues](https://github.com/victoria-fedkova/wheels4rent/issues) for a full list of proposed features (and known issues).
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+<!-- CONTACT -->
+## Contact
+
+Victoria Fedkova - [@telegram](https://t.me/victoria_fedkova) -[LinkedIn](https://www.linkedin.com/in/victoria-fedkova/) - [gmail](victoria-fedkova@gmail.com)
+
+Project Link: [victoria-fedkova/wheels4rent](https://github.com/victoria-fedkova.github.io/wheels4rent)
+
+Don't forget to give the project a star! Thanks!
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+
+<!-- MARKDOWN LINKS & IMAGES -->
+<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
+[contributors-shield]: https://img.shields.io/github/contributors/github_username/repo_name.svg?style=for-the-badge
+[contributors-url]: https://github.com/github_username/repo_name/graphs/contributors
+[forks-shield]: https://img.shields.io/github/forks/github_username/repo_name.svg?style=for-the-badge
+[forks-url]: https://github.com/github_username/repo_name/network/members
+[stars-shield]: https://img.shields.io/github/stars/github_username/repo_name.svg?style=for-the-badge
+[stars-url]: https://github.com/github_username/repo_name/stargazers
+[issues-shield]: https://img.shields.io/github/issues/github_username/repo_name.svg?style=for-the-badge
+[issues-url]: https://github.com/github_username/repo_name/issues
+[license-shield]: https://img.shields.io/github/license/github_username/repo_name.svg?style=for-the-badge
+[license-url]: https://github.com/github_username/repo_name/blob/master/LICENSE.txt
+[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
+[linkedin-url]: https://linkedin.com/in/linkedin_username
+[product-screenshot]: images/screenshot.png
+[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
+[Next-url]: https://nextjs.org/
+[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
+[React-url]: https://reactjs.org/
+[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
+[Vue-url]: https://vuejs.org/
+[Angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white
+[Angular-url]: https://angular.io/
+[Svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00
+[Svelte-url]: https://svelte.dev/
+[Laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
+[Laravel-url]: https://laravel.com
+[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
+[Bootstrap-url]: https://getbootstrap.com
+[JQuery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
+[JQuery-url]: https://jquery.com