Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dills122/cardboard-crack
Web app for parsing/viewing Soccer Card Checklists
https://github.com/dills122/cardboard-crack
angular pdf-parser primeng soccer sports-cards
Last synced: 14 days ago
JSON representation
Web app for parsing/viewing Soccer Card Checklists
- Host: GitHub
- URL: https://github.com/dills122/cardboard-crack
- Owner: dills122
- Created: 2025-01-19T23:59:11.000Z (23 days ago)
- Default Branch: main
- Last Pushed: 2025-01-28T04:33:14.000Z (15 days ago)
- Last Synced: 2025-01-28T05:25:05.407Z (15 days ago)
- Topics: angular, pdf-parser, primeng, soccer, sports-cards
- Language: JavaScript
- Homepage:
- Size: 891 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Cardboard Crack
Cardboard Crack is a modern web application designed for trading card enthusiasts. It offers users the ability to upload and view PDF files, making it easy to share and read deck lists, tournament reports, and other card-related documents directly in the app.
## Getting Started
### Prerequisites
Ensure you have the following installed:
- [Node.js](https://nodejs.org/) (v16+ recommended)
- [Angular CLI](https://angular.io/cli)
- [NVM](https://github.com/nvm-sh/nvm) (Node Version Manager)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/dills122/cardboard-crack.git
```
2. Install the required Node.js version:
```bash
nvm install lts/iron
nvm use lts/iron
```
3. Install Rush globally:
```bash
npm install -g @microsoft/rush
```
4. Set up the project:
```bash
cd ./cardboard-crack
rush update
```
5. Start the frontend application:
```bash
cd ./apps/frontend
rushx start
```
The app will be available at `http://localhost:4200/`.
### Current Look
Parsing Page
Partial View of List Page
### Building for Production
To build the app for production:
```bash
ng build --prod
```
The build artifacts will be stored in the `dist/` directory.
## Technologies Used
- **Framework**: [Angular](https://angular.io/)
- **UI Components**: [PrimeNG](https://primeng.org/)
- **Styling**: Tailwind CSS
- **PDF Rendering**: [PDF.js](https://mozilla.github.io/pdf.js/)
- **Ace Editor**: [Ace](https://ace.c9.io/)
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.