Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pijeismart/ticket-check-app
movie ticket app with card payment using react
https://github.com/pijeismart/ticket-check-app
react typescript
Last synced: 2 days ago
JSON representation
movie ticket app with card payment using react
- Host: GitHub
- URL: https://github.com/pijeismart/ticket-check-app
- Owner: pijeismart
- Created: 2023-01-12T20:44:16.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-12T20:47:03.000Z (almost 2 years ago)
- Last Synced: 2023-12-05T18:42:25.119Z (12 months ago)
- Topics: react, typescript
- Language: JavaScript
- Homepage: https://ticket-check-app.vercel.app
- Size: 11.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fantera React App(Javascript)
This is the NEAR token explorer written by `smart-dev30`.
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Setup
> yarn install
## Screenshot
## Available Scripts
In the project directory, you can run:
### `yarn start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.\
You will also see any lint errors in the console.
In order to test your credit card connect you shoud input valid card number.\
Please use the following card numbers.
```
5555 4444 3333 1111
4111 1111 1111 1111
3700 000000 00002
3600 666633 3344
6011 6011 6011 6611
5066 9911 1111 1118
6250 9460 0000 0016
6062 8288 8866 6688
```
### `yarn build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
## Project structure
```
src
├── components
│ ├── Border # Ticket Border Component
│ ├── CreditCard # added Card Component
│ ├── CreditForm # check modal component
│ └── Ticket # Ticket Component
│
├── database # mock data
│
├── utils # validation utils
│
├── styles # styles
│
├── pages # contain all web pages
│ ├── main # tickets page
│ └── checkout # check page
└── App.js # main page
```
## Learn More
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).