CarLog - Car Comparator Website

CarLog is a web application developed as part of a Web Development project for learning purposes. The goal of the project is to create a user-friendly platform for comparing various vehicles based on specifications, prices, and user reviews. The website follows the Model-View-Controller (MVC) architecture and is implemented using HTML5, CSS3, PHP, JQuery, JavaScript, and Ajax technologies.

Table of Contents

• Overview
• Features
  • Part I: User Interface and Content Organization
  • Part II: Administration and Site Functionality
• Getting Started
• Contributing
• License

Overview

CarLog provides a platform for comparing vehicles based on various criteria, including specifications, prices, and user reviews. The website is designed to be intuitive, featuring a clean and professional user interface.

Features

Part I: User Interface and Content Organization

1. Homepage

   • Logo and social media links.
   • Slideshow of automobile-related news and advertisements.
   • Horizontal menu with links to different sections.
   • Footer with the same menu.
   • Content area divided into three zones for brand logos, vehicle selection forms, and popular comparisons.

2. Vehicle Comparison Page

   • Allows users to compare the specifications of two to four vehicles on the same page.

   • Displays a comparative table with images, practical information, important details, and indicative prices.

   • Image links to detailed vehicle pages.

     comparator-page.mp4

3. News Page

   • Displays framed news with titles, images, and brief descriptions.
   • Links lead to detailed news pages.

4. Brands Page

   • Displays logos of major vehicle brands.

   • Clicking on a logo shows general brand information, links to main vehicles.

5. Reviews Page

   • Similar interface to the Brands Page but links lead to vehicle-specific pages with reviews.

6. Buying Guide Page

   • Offers advice to users for making informed vehicle purchase decisions.
   • Allows users to choose a vehicle and navigate to its detailed page.

7. Contact Page

   • Displays contact information for the website.

8. User Authentication

   • Login link that opens an authentication frame.
   • New users can register through a link below the authentication form.

9. User Profiles

   • Registered users can access their profiles to view favorite vehicles and rate them.
   • Users can add reviews, subject to approval by the administrator.

19.Vehicle Page

• Show informations about a specific vehicle with reviews , possibility to compare with others

Part II: Administration and Site Functionality

1. Admin Dashboard

   • Five categories for managing vehicles, reviews, news, users, and site settings.
   • Each category allows the addition, deletion, and modification of relevant content.

2. Vehicle Management

   • Admins can manage vehicle information and details.

3. Review Management

   • Admins can view, approve, reject, and block user reviews.

4. News Management

   • Admins can add and manage news articles.

5. User Management

   • Admins can validate registrations, filter, and sort users.
   • Admins have access to user profiles for further management.

6. Settings Page

   • Allows admins to manage content for the buying guide, contact page, and slideshow.

Getting Started

To run CarLog locally, follow these steps:

1. Clone the repository.

   git clone https://github.com/MoncefME/Projet-tdw.git

2. Set up a local server environment.

   Make sure you have XAMPP, WAMP, or a similar server environment installed on your machine.

3. Import the database schema.

   • Locate the TDW.sql file in the root directory.
   • Download TDW.sql
   • Add the database to phpMyAdmin by creating a new database named carlog.
   • Import the TDW.sql file into the newly created carlog database.

Contributing

Contributions are welcome! Please follow the contribution guidelines.

License

This project is licensed under the MIT License.