https://github.com/hasanyahya101/bustickettool-vite

This is a bus ticket downloading tool that allows for editing of ticket info and then downloading the ticket in the 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.
https://github.com/hasanyahya101/bustickettool-vite

bus-ticket buttons download editing image png shadcn shadcn-ui ticket ui-design

Last synced: 16 days ago
JSON representation

This is a bus ticket downloading tool that allows for editing of ticket info and then downloading the ticket in the 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.

• Host: GitHub
• URL: https://github.com/hasanyahya101/bustickettool-vite
• Owner: HasanYahya101
• License: mit
• Created: 2024-07-06T20:05:50.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-07T23:46:14.000Z (6 months ago)
• Last Synced: 2024-07-08T23:19:13.667Z (6 months ago)
• Topics: bus-ticket, buttons, download, editing, image, png, shadcn, shadcn-ui, ticket, ui-design
• Language: JavaScript
• Homepage: https://hasanyahya101.github.io/BusTicketTool-Vite/
• Size: 779 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# BusTicket Tool (React + Vite)

## Introduction

This is a bus 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.

## 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

![Screenshot 2024-07-07 014703](https://github.com/HasanYahya101/BusTicketTool-Vite/assets/118683092/d7a9036f-6832-4e35-950f-4c94f3d649c6)

![Screenshot 2024-07-07 014722](https://github.com/HasanYahya101/BusTicketTool-Vite/assets/118683092/cf9b2a83-f2d8-4a73-ae96-3e06d4492b31)

![Screenshot 2024-07-07 014733](https://github.com/HasanYahya101/BusTicketTool-Vite/assets/118683092/8bb2a273-2e90-4757-9f03-539447e3cde2)

![Screenshot 2024-07-07 014757](https://github.com/HasanYahya101/BusTicketTool-Vite/assets/118683092/4a2b85e4-2153-41e0-9dc4-7dd068cfda13)

![image](https://github.com/HasanYahya101/BusTicketTool-Vite/assets/118683092/125825e5-3076-41be-afaf-414f78f30afb)

## 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:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh