Saria Mirza
Saria Mirza

Engineer

Developer

Designer

Saria Mirza
Saria Mirza

Engineer

Developer

Designer

Menu

JO Cars Trading

See Demo

Overview

JO Cars Trading is an online car quote and vehicle information in Jordan. They partner with the most dependable dealers. Their goal was to have a web application that helps in finding the success of their agency via includes different functions and functionality which allows the consumer to find the best vehicle with ease.

A consumer can compare different cars and specifications with loads of car images. With the Wishlist function, a user can keep a record of their favorite listing.

Technologies and Tools

  • Software Architecture: RESTful API
  • Back-end: Headless WordPress
  • Database: MySQL
  • Front-end: NextJS, React, Tailwind CSS
  • Designing: Figma, Photoshop
  • Hosting and Deployment: Vercel, Cloudflare
  • IDE: VS Code

Role and Responsibilities

My role was a front-end engineer and WordPress implementer.

  • Collaborated with clients to identify the requirements for the project to find the deliverables and scope of the work.
  • Created wireframes, high-fidelity designs, and prototyping using Figma and Photoshop to match the client’s needs.
  • Synced the design tokens from Figma to Tailwind CSS.
  • Transformed the design to ReactJS components and translated project requirements into functional code using.
  • Created responsive and adaptive user interfaces in Tailwind CSS
  • Connected Next.js and WordPress to retrieve data in Next.js to make use of Static Site Generation (SSG) and Incremental Static Regeneration (ISR).
  • Built custom hooks for data fetching using SWR and ensured that SSR, ISR, and SSG worked perfectly. Optimized the UI/UX by providing local cache support.
  • Set up WordPress on an AWS VPS and exposed its data on REST API endpoints.
  • Delivering registration and login experiences. Enabled users to create accounts, use social providers, to federate easily with their identity provider. Synced the user data with WordPress database.
  • Extended WordPress REST API to expose additional data to the responses of default endpoints. Created a car custom post type, added custom fields and taxonomies to the car custom post type.
  • Purchasing the domain name, managing the domain’s settings and nameservers to guarantee that the domain points to Vercel, installing an SSL certificate, and configuring Cloudflare as a reverse proxy.

Tours