Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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.