ricardoyang00 / auto-paradise

Marketplace dedicated to buying & selling preloved diecast model cars using vanilla PHP, CSS, and JavaScript, without utilizing any frameworks 🏎️

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Auto Paradise

Auto Paradise is an marketplace dedicated to buying and selling preloved diecast model cars.

The entire project was developed using vanilla CSS, PHP, and JavaScript.

Install

Download

git clone git@github.com:ricardoyang00/auto-paradise.git

cd auto-paradise

Build and run

# import SQLite database
sqlite3 database/database.db < database/database.sql

# start PHP built-in web server
php -S localhost:9000

Access them via web browser at http://localhost:9000

External Libraries

We have used the following external libraries:

  • Font Awesome
  • Google Fonts
  • jsPDF
  • html2canvas

Implemented Features

General :

  • Register a new account.
  • Log in and out.
  • Edit their profile, including their name, password, phone number, and address.

Sellers are able to :

  • List new items, providing details such as category, brand, model, size, and condition, along with images.
  • Track and manage their listed items.
  • Respond to inquiries from buyers regarding their items and add further information if needed.
  • Print shipping forms for items that have been sold ( colorful or black and white receipt using ctrl+p ).

Buyers are able to :

  • Browse items using filters like category, brand, model, and size.
  • Engage with sellers to ask questions or negotiate prices.
  • Add items to a wishlist.
  • Proceed to checkout with their shopping cart (simulate payment process).

Admins are able to :

  • Elevate a user to admin status.
  • Introduce new item categories, brand, model, size, and other pertinent entities.
  • Ban users or products in practical cases of acts against regulations
  • Oversee and ensure the smooth operation of the entire system.

💡 Some account credencials click here.

Security : We have been careful with the following security aspects:

  • SQL injection
  • Cross-Site Scripting (XSS)
  • Cross-Site Request Forgery (CSRF)

Password Storage Mechanism: hash_password&verify_password

Aditional Requirements :

We also implemented the following additional requirements:

  • Notifications System - sales, purchases, questions, answers, system warnings, bans ...
  • Advert System - products highlighted at the beginning of the main page (in progress)
  • Shipping Costs (Fixed Amount)
  • Light/Dark Mode

Screenshots

Fig 1. Main page

Fig 2. Products page

Fig 3. Product details page

Fig 4. Dark mode

Fig 5. Receipt example

Account Credentials

Feel free to use the following test account credentials to explore our platform

Username Password
user1 password1
user2 password2
user3 password3
user4 password4
user5 password5
user6 password6
user7 password7
user8 password8
user9 password9
user10 password10
admin admin

Acknowledgements

This project was developed for the "Linguagens e Tecnologias Web" (LTW) course at @FEUP by team ltw06g09 on May 2024:

  • Bruno Huang (up202207517)
  • Ricardo Yang (up202208465)

Special thanks to Professor André Restivo for guidance and support throughout the course.


© 2024 Auto Paradise, LTW

About

Marketplace dedicated to buying & selling preloved diecast model cars using vanilla PHP, CSS, and JavaScript, without utilizing any frameworks 🏎️


Languages

Language:PHP 61.2%Language:CSS 21.6%Language:JavaScript 17.2%