{"id":25184779,"url":"https://github.com/aniellopiscopo/vite-comics","last_synced_at":"2026-04-13T04:06:27.459Z","repository":{"id":92051292,"uuid":"586894901","full_name":"AnielloPiscopo/vite-comics","owner":"AnielloPiscopo","description":"Recreation of the homepage of DC Comics made with HTML , CSS , JS ,Vue and Axios developed during the course of Full-Stack Web Developer with Boolean","archived":false,"fork":false,"pushed_at":"2023-09-10T10:40:15.000Z","size":457,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-09T19:41:24.463Z","etag":null,"topics":["axios","css","css3","html","html-css-javascript","html5","javascript","js","json","json-api","nodejs","npm","sass","scss","vite","vue","vue3","vuejs"],"latest_commit_sha":null,"homepage":"https://aniellopiscopo.github.io/vite-comics/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AnielloPiscopo.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-09T13:38:56.000Z","updated_at":"2023-09-10T10:29:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"136ace4f-abad-45af-b35d-7885f8ecd0b1","html_url":"https://github.com/AnielloPiscopo/vite-comics","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnielloPiscopo%2Fvite-comics","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnielloPiscopo%2Fvite-comics/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnielloPiscopo%2Fvite-comics/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnielloPiscopo%2Fvite-comics/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnielloPiscopo","download_url":"https://codeload.github.com/AnielloPiscopo/vite-comics/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247148999,"owners_count":20891948,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","css","css3","html","html-css-javascript","html5","javascript","js","json","json-api","nodejs","npm","sass","scss","vite","vue","vue3","vuejs"],"created_at":"2025-02-09T19:35:38.956Z","updated_at":"2026-04-13T04:06:27.417Z","avatar_url":"https://github.com/AnielloPiscopo.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\r\n\u003ch1 align=\"center\"\u003e\r\n\u003cimg src=\"https://img.shields.io/badge/Vite-646CFF.svg?style\u0026logo=Vite\u0026logoColor=white\" alt=\"Vite\" width=\"100\" /\u003e\r\n\u003cbr\u003eVITE-COMICS\r\n\u003c/h1\u003e\r\n\u003ch3\u003e◦ Recreation of the homepage of DC Comics made with HTML , CSS , JS ,Vue and Axios\u003c/h3\u003e\r\n\u003ch3\u003e◦ Developed during the course of Full-Stack Web Developer with Boolean\u003c/h3\u003e\r\n\u003ch3\u003e◦ Link: https://aniellopiscopo.github.io/vite-comics/\u003c/h3\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n\u003cimg src=\"https://img.shields.io/badge/SVG-FFB13B.svg?style\u0026logo=SVG\u0026logoColor=black\" alt=\"SVG\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E.svg?style\u0026logo=JavaScript\u0026logoColor=black\" alt=\"JavaScript\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/badge/HTML5-E34F26.svg?style\u0026logo=HTML5\u0026logoColor=white\" alt=\"HTML5\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/badge/CSS3-E34F26.svg?style\u0026logo=CSS3\u0026logoColor=white\" alt=\"CSS3\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/badge/Sass-CC6699.svg?style\u0026logo=Sass\u0026logoColor=white\" alt=\"Sass\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/badge/Vite-646CFF.svg?style\u0026logo=Vite\u0026logoColor=white\" alt=\"Vite\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/badge/Vue.js-4FC08D.svg?style\u0026logo=vuedotjs\u0026logoColor=white\" alt=\"Vue.js\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/badge/JSON-000000.svg?style\u0026logo=JSON\u0026logoColor=white\" alt=\"JSON\" /\u003e\r\n\u003c/p\u003e\r\n\u003cimg src=\"https://img.shields.io/github/languages/top/AnielloPiscopo/vite-comics?style\u0026color=5D6D7E\" alt=\"GitHub top language\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/github/languages/code-size/AnielloPiscopo/vite-comics?style\u0026color=5D6D7E\" alt=\"GitHub code size in bytes\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/github/commit-activity/m/AnielloPiscopo/vite-comics?style\u0026color=5D6D7E\" alt=\"GitHub commit activity\" /\u003e\r\n\u003cimg src=\"https://img.shields.io/github/license/AnielloPiscopo/vite-comics?style\u0026color=5D6D7E\" alt=\"GitHub license\" /\u003e\r\n\u003c/div\u003e\r\n\r\n---\r\n\r\n## 📒 Table of Contents\r\n- [📒 Table of Contents](#-table-of-contents)\r\n- [🧩 Modules](#modules)\r\n- [🚀 Getting Started](#-getting-started)\r\n- [📄 License](#-license)\r\n\r\n---\r\n\r\n## 🧩 Modules\r\n\r\n\u003cdetails closed\u003e\u003csummary\u003eRoot\u003c/summary\u003e\r\n\r\n| File                                                                                                                         | Summary                   |\r\n| ---                                                                                                                          | ---                       |\r\n| [index.html](https://github.com/AnielloPiscopo/vite-comics/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. |\r\n| [vite.config.js](https://github.com/AnielloPiscopo/vite-comics/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. |\r\n| [App.vue](https://github.com/AnielloPiscopo/vite-comics/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. |\r\n| [main.js](https://github.com/AnielloPiscopo/vite-comics/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. |\r\n| [FooterNavbar.vue](https://github.com/AnielloPiscopo/vite-comics/blob/main/src\\components\\footer\\FooterNavbar.vue)           | This is the component that represents the navbar put in the footer tag of the webpage. |\r\n| [FooterSocialLinks.vue](https://github.com/AnielloPiscopo/vite-comics/blob/main/src\\components\\footer\\FooterSocialLinks.vue) | This is the component that represents the container of the social links put in the footer. |\r\n| [AppHeader.vue](https://github.com/AnielloPiscopo/vite-comics/blob/main/src\\components\\header\\AppHeader.vue)                 | This is the component that represents the header tag of the webpage. |\r\n| [MainJumbotron.vue](https://github.com/AnielloPiscopo/vite-comics/blob/main/src\\components\\main\\MainJumbotron.vue)           | This is the component that represents the jumbotron put in the main tag of the webpage. |\r\n| [MainNavbar.vue](https://github.com/AnielloPiscopo/vite-comics/blob/main/src\\components\\main\\MainNavbar.vue)                 | This is the component that represents the navbar put in the main tag of the webpage. |\r\n| [SingleComic.vue](https://github.com/AnielloPiscopo/vite-comics/blob/main/src\\components\\main\\SingleComic.vue)               | This is the component that represents a single card containing a DC comic. |\r\n| [general.scss](https://github.com/AnielloPiscopo/vite-comics/blob/main/src\\styles\\general.scss)                              | This is the file scss that contains the general style of the work. |\r\n| [_variables.scss](https://github.com/AnielloPiscopo/vite-comics/blob/main/src\\styles\\partials\\_variables.scss)               | This is the file scss that contains the general stylistic variables of the work. |\r\n\r\n\u003c/details\u003e\r\n\r\n---\r\n\r\n## 🚀 Getting Started\r\n\r\n### ✔️ Prerequisites\r\n\r\nBefore you begin, ensure that you have the following prerequisites installed:\r\n\u003e - ℹ️ 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.\r\n\u003e - ℹ️ 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.\r\n\r\n### 📦 Installation\r\n\r\n1. Clone the repository:\r\n```sh\r\ngit clone https://github.com/AnielloPiscopo/vite-comics\r\n```\r\n\r\n2. Change to the project directory:\r\n```sh\r\ncd vite-comics\r\n```\r\n\r\n3. Install the dependencies:\r\n```sh\r\nnpm i\r\n```\r\n\r\n### 🎮 Using vite-comics\r\n\r\n```sh\r\nnpm run dev\r\n```\r\n\r\n---\r\n\r\n## 📄 License\r\n\r\nThis project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for additional info.\r\n\r\n---\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faniellopiscopo%2Fvite-comics","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faniellopiscopo%2Fvite-comics","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faniellopiscopo%2Fvite-comics/lists"}