Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yothu/yu-gi-oh--card-data-base
Web application that showcases Yu-Gi-Oh! card. You can like and comment cards.
https://github.com/yothu/yu-gi-oh--card-data-base
api-rest html-css-javascript yugioh
Last synced: 16 days ago
JSON representation
Web application that showcases Yu-Gi-Oh! card. You can like and comment cards.
- Host: GitHub
- URL: https://github.com/yothu/yu-gi-oh--card-data-base
- Owner: Yothu
- Created: 2022-01-31T16:05:02.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-05-06T06:32:35.000Z (over 2 years ago)
- Last Synced: 2024-10-03T15:21:53.619Z (about 1 month ago)
- Topics: api-rest, html-css-javascript, yugioh
- Language: JavaScript
- Homepage: https://yothu.github.io/Yu-Gi-Oh--Card-Data-Base/dist/index.html
- Size: 5.14 MB
- Stars: 12
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Microverse-blueviolet)
# Yu-Gi-Oh! Card Data Base
> This website hosts a collection of cards from the world wide known game of Yu-Gi-Oh!
You can click on the heart icon to add a like to a specific card.
You can also click on the comment button, and see what other's think of that card and share your own opinion.![screenshot](app_screenshot.png)
## Live Demo
Check out this project live, click [here](https://yothu.github.io/Yu-Gi-Oh--Card-Data-Base/dist/index.html)
## Built With
- Major languages: JavaScript, HTML, CSS
- Frameworks: Bootstrap 5
- Technologies used: Webpack
## Getting Started
To get a local copy up and running follow these simple example steps.
### Setup
Clone this repo into your local device by running the following command on your Terminal:
```
git clone https://github.com/Yothu/Yu-Gi-Oh--Card-Data-Base.git
```That will create a folder with the project inside it. Navigate into it to access the files.
Also remember to run:
```
npm install
```
This will update the dependencies and download necessary files.
### Usage
Before you begin testing and experimenting, remember to use the Terminal to create a branch by running:
```
git checkout -b
```Alternatively, if you use GitFlow, you can run the following command to create a new branch:
```
git flow feature start
```After that you should be ready to go.
### Run tests
Before pushing changes to your branch, I would recommend opening this file:```
/.github/workflows/linters.yml
```install and run webhint, stylelint, and eslint
These linters will help you fit your code to this repo's syntax standard.
### Deployment
Once you're done with your changes, remember to ```git pull``` before doing ```git push``` this will update
your local copy of the project if someone else made changes to the repo while you worked on your part.## Authors
👤 David Vergaray
- GitHub: [@Yothu](https://github.com/Yothu)
- Twiter: [@Daivhy](https://twitter.com/Daivhy)
- LinkedIn: [David Vergaray](https://www.linkedin.com/in/david-vergaray-almontes-051a11127/)👤 **Eduardo Sancho Solano**
- GitHub: [@eduardosancho](https://github.com/eduardosancho)
- Twitter: [@sanchitobless](https://twitter.com/sanchitobless)
- LinkedIn: [Eduardo](https://www.linkedin.com/in/eduardo-sancho-043641181/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc
## 📝 License
This project is [MIT](./MIT.md) licensed.