Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/aniellopiscopo/vite-yu-gi-oh

Container of yu-gi-oh cards with filter available based on their archetypes developed during the course of Full-Stack Web Developer with Boolean
https://github.com/aniellopiscopo/vite-yu-gi-oh

api axios css css3 html html-css-javascript html5 javascript js json json-api nodejs npm sass scss vite vue vue3 vuejs

Last synced: 1 day ago
JSON representation

Container of yu-gi-oh cards with filter available based on their archetypes developed during the course of Full-Stack Web Developer with Boolean

Host: GitHub
URL: https://github.com/aniellopiscopo/vite-yu-gi-oh
Owner: AnielloPiscopo
License: mit
Created: 2023-01-11T14:23:24.000Z (about 2 years ago)
Default Branch: master
Last Pushed: 2023-09-10T10:24:16.000Z (over 1 year ago)
Last Synced: 2023-09-10T11:25:33.180Z (over 1 year ago)
Topics: api, axios, css, css3, html, html-css-javascript, html5, javascript, js, json, json-api, nodejs, npm, sass, scss, vite, vue, vue3, vuejs
Language: Vue
Homepage: https://aniellopiscopo.github.io/vite-yu-gi-oh/
Size: 116 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md
- License: LICENSE

Awesome Lists containing this project

README

VITE-YU-GI-OH

◦ Container of yu-gi-oh cards with filter available based on their archetypes made with HTML , CSS , JS ,Vue and Axios

◦ Developed during the course of Full-Stack Web Developer with Boolean

◦ Link: https://aniellopiscopo.github.io/vite-yu-gi-oh/

---

## 📒 Table of Contents
- [📒 Table of Contents](#-table-of-contents)
- [🧩 Modules](#modules)
- [🚀 Getting Started](#-getting-started)
- [📄 License](#-license)

---

## 🧩 Modules

Root

| File | Summary |
| --- | --- |
| [index.html](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/index.html) | This is the main HTML entry point for your web application. It's where you define the structure of your HTML document, include CSS and JavaScript files, and specify the root element where the Vue.js application will be mounted.|
| [vite.config.js](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/vite.config.js) | This is a configuration file used with Vite, which is a build tool and development server designed for modern web development. |
| [App.vue](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\App.vue) | This is the base of the work and it serves as the root component of the Vue.js application and contains the overall layout, navigation, and the top-level structure of your app. |
| [main.js](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\main.js) | This file is the entry point of the application. It's where you create and configure the Vue instance, set up routing (if used), and specify which component to render in the root DOM element. |
| [store.js](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\store.js) | This file contains the global and general variables and functions of the work. |
| [AppHeader.vue](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\components\header\AppHeader.vue) | This is the component that represents the header tag of the webpage. |
| [AppMain.vue](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\components\main\AppMain.vue) | This is the component that represents the main tag of the webpage. |
| [CardsArchetypeSelectField.vue](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\components\main\CardsArchetypeSelectField.vue) | This is the component that represents the filter field of the webpage containing the various archetypes of the yu-gi-oh cards. |
| [CardsContainer.vue](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\components\main\CardsContainer.vue) | This is the component that represents the container of the yu-gi-oh cards. |
| [SingleCard.vue](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\components\main\SingleCard.vue) | This is the component that represents a single yu-gi-oh card. |
| [AppLoader.vue](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\components\other\AppLoader.vue) | This is the component that represents the loader of the application. |
| [general.css](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\style\general.css) | This is the file css that contains the general style of the work. |
| [general.css.map](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\style\general.css.map) | This is a source map file generated by SASS. |
| [general.scss](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\style\general.scss) | This is the file scss that contains the general style of the work. |
| [_variables.scss](https://github.com/AnielloPiscopo/vite-yu-gi-oh/blob/main/src\style\partials\_variables.scss) | This is the file scss that contains the general stylistic variables of the work. |

---

## 🚀 Getting Started

### ✔️ Prerequisites

Before you begin, ensure that you have the following prerequisites installed:
> - ℹ️ Node.js and npm (Node Package Manager): Make sure you have Node.js installed on your computer. You can download Node.js from the official website: https://nodejs.org/. Node.js includes npm, which will be used to install project dependencies.
> - ℹ️ Git: Ensure you have Git installed on your computer. You can download Git from the official website: https://git-scm.com/. Git allows you to clone the GitHub repository onto your computer.

### 📦 Installation

1. Clone the vite-yu-gi-oh repository:
```sh
git clone https://github.com/AnielloPiscopo/vite-yu-gi-oh
```

2. Change to the project directory:
```sh
cd vite-yu-gi-oh
```

3. Install the dependencies:
```sh
npm i
```

### 🎮 Using vite-yu-gi-oh

```sh
npm run dev
```

---

## 📄 License

This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for additional info.

---