/PlaneTicketTool-Vite

This is a plane ticket downloading tool that allows for editing of ticket info and then downloading the ticket in .png format. It is made to be used later in future projects when i might need to design tickets and download them. Moreover, editing info is done using a popup on desktop and drawer on mobile to maximize responsiveness.

Primary LanguageJavaScriptMIT LicenseMIT

PlaneTicket Tool (React + Vite)

Introduction

This is a plane ticket downloading tool that allows for editing of ticket info and then downloading the ticket in .png format. It is made to be used later in future projects when i might need to design tickets and download them. The preview is available for testing purposes. Moreover, editing info is done using a popup on desktop and drawer on mobile to maximize responsiveness.

UI Library

Radix UI and ShadCN components were used to create the UI of the website. Moreover, Vite was used to create this React Project.

Deployment

This project was deployed to Github Pages and can be tested there. No servers or databases were used in this Project.

Preview (Desktop)

Screenshot 2024-07-08 050101 Screenshot 2024-07-08 050112 Screenshot 2024-07-08 050133 Screenshot 2024-07-08 050150 Screenshot 2024-07-08 050208 Screenshot 2024-07-08 050219 Screenshot 2024-07-08 050230

Preview (Mobile)

Screenshot_20240707-200919 Screenshot_20240707-200922 Screenshot_20240707-200927 Screenshot_20240707-200932 Screenshot_20240707-200937 Screenshot_20240707-200942 Screenshot_20240707-200958

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available: