Car Rental React App

Description

Car Rental React App is a car rental search application built with React.js. It fetches car data from an API, allowing users to search for cars by name and displaying up to five matching results. The application is designed with a clean and responsive UI using Bootstrap and SCSS.

🚀 Features

✅ Fetches real-time car data from API
✅ Live search functionality
✅ Displays only the first 5 matching cars
✅ Styled with Bootstrap & SCSS

📌 Live Demo

[Add Your Demo Link Here]

📌 Tech Stack

• React.js
• Axios
• Bootstrap
• SCSS

---

🚗 Rentcars App - Testimonials & Contact Sections

This project includes a Testimonials Slider to display customer reviews in a stylish manner and a Contact Section for collecting user inquiries.

✨ Testimonials Slider

✅ Infinite loop slider to continuously showcase testimonials
✅ Displays customer images, ratings, and feedback
✅ Dynamic star ratings using Font Awesome
✅ Autoplay functionality for smooth transitions
✅ Responsive layout (2 cards for large screens, 1 for mobile)

📩 Contact Section

✅ Input fields for Name, Phone Number, and Email
✅ Clean and responsive design using Bootstrap
✅ Professionally styled submit button
✅ Visual enhancement with an adjacent phone image

---

🚗 Car Rental Details Page

A dedicated page that displays car details dynamically fetched from a mock API (https://myfakeapi.com/api/cars/{id}).

🔹 Car Details Display

✅ Number of passengers
✅ Availability of air conditioning
✅ Manufacturing year
✅ Transmission type
✅ Number of reviews

🔹 Tech Stack

• React.js for building dynamic components
• React Router for seamless navigation
• Axios for API data fetching
• Bootstrap & CSS for styling

🔹 Features

✅ Dynamic API calls using useEffect and useState
✅ Proper error handling for failed API requests
✅ Static images assigned based on car ID
✅ Breadcrumb navigation for improved user experience

---

📌 Installation & Setup

1. Clone the repository:

   git clone https://github.com/rabeazayat/car-rental-react-app.git

2. Navigate to the project directory:

   cd car-rental-react-app

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

---

📌 Contributing

Feel free to contribute to this project by submitting issues or pull requests.

---

📌 Contact

For any inquiries or suggestions, contact me via:

• Email: [engrabeashaban@gmail.com]
• LinkedIn: linkedin.com/in/rabea-sh-elzayat
• GitHub: github.com/rabeazayat
• Upwork: upwork.com/freelancers/~01d2bd68b7d6e8fbce
• Mostaql: mostaql.com/u/rabea_elzayat
• Facebook: facebook.com/Rabea.Sh.ELZayat
• Instagram: instagram.com/rabea_sh_elzayat
• Personal Website: rabeashaban.site
• WhatsApp: wa.me/201156807072
• Nafezly: nafezly.com/u/Rabea_sh_elzayat

🚀 Happy Coding!