◦ Container of yu-gi-oh cards with filter available based on their archetypes made with HTML , CSS , JS ,Vue and Axios
Root
| File | Summary |
|---|---|
| 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 | This is a configuration file used with Vite, which is a build tool and development server designed for modern web development. |
| 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 | 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 | This file contains the global and general variables and functions of the work. |
| AppHeader.vue | This is the component that represents the header tag of the webpage. |
| AppMain.vue | This is the component that represents the main tag of the webpage. |
| 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 | This is the component that represents the container of the yu-gi-oh cards. |
| SingleCard.vue | This is the component that represents a single yu-gi-oh card. |
| AppLoader.vue | This is the component that represents the loader of the application. |
| general.css | This is the file css that contains the general style of the work. |
| general.css.map | This is a source map file generated by SASS. |
| general.scss | This is the file scss that contains the general style of the work. |
| _variables.scss | This is the file scss that contains the general stylistic variables of the work. |
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.
- Clone the vite-yu-gi-oh repository:
git clone https://github.com/AnielloPiscopo/vite-yu-gi-oh- Change to the project directory:
cd vite-yu-gi-oh- Install the dependencies:
npm inpm run devThis project is licensed under the MIT License. See the LICENSE file for additional info.