Auto parts Website

Noor Zahra

Web Developer
UI Designer
Figma
GitHub
Visual Studio Code
Deliveries: Figma design and prototype Editable coded website using HTML, CSS, JavaScript and Python
Features of the website: - Has both English and Arabic languages - A Filter sidebar in the products page to filter the products as well as change the currency from the dropdown and calculate the accurate price for each currency with the help of an exchange rate API that updates daily. The filtering takes all the info about the products being displayed only and puts their brand names. so if you select a brand name it will only show that brand's products. you can always switch back to "All" if you're just browsing. -Search Bar: you can search any attribute (name, brand, id etc ) even searching by letters only. it will show you all the results below - Can add, remove, edit and save any products with the help of Python's GUI (Tkinter) - Easily manage or update the products on your website by running the python file which will display a GUI - Has an automatic calculator for selling price when you type the cost price and profit margin.(for example: writing 6 usd for cost and 50% for profit will give 12usd selling price) basically saves u from using a separate calculator and having to type the result. just straight up calculate inside it and it will update everything The only missing feature is the payment feature but it has all the details of the real company to contact and order via phone call or email. so....it's pretty close to a full e-commerce website for now, you just gotta order by contacting.
Note: these are not real products used only for samples and testing. it's editable
Note: these are not real products used only for samples and testing. it's editable
not seen in frontend for customers to see.u have to run a python file to see this GUI
not seen in frontend for customers to see.u have to run a python file to see this GUI
this is the backend GUI made with Python to change the products. it also calculates the selling price on its own after you type the cost price and profit margin%. or it can calculate the profit % by typing the cost and selling price when you click save changes or add. u don't need a calculator for selling price just type cost and profit number in percentage
Partner With Noor
View Services

More Projects by Noor