https://github.com/aniellopiscopo/proj-html-vuejs

Project of the middle course of Full-Stack Web Developer with Boolean made with HTML , CSS , bootstrap , JS and Vue
https://github.com/aniellopiscopo/proj-html-vuejs

bootstrap bootstrap5 css css3 html html-css-javascript html5 javascript js node nodejs npm sass scss vite vue vue3 vuejs

Last synced: 3 months ago
JSON representation

Project of the middle course of Full-Stack Web Developer with Boolean made with HTML , CSS , bootstrap , JS and Vue

Host: GitHub
URL: https://github.com/aniellopiscopo/proj-html-vuejs
Owner: AnielloPiscopo
License: mit
Created: 2023-01-18T14:19:53.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2023-09-10T15:49:05.000Z (almost 3 years ago)
Last Synced: 2025-04-04T08:45:35.820Z (over 1 year ago)
Topics: bootstrap, bootstrap5, css, css3, html, html-css-javascript, html5, javascript, js, node, nodejs, npm, sass, scss, vite, vue, vue3, vuejs
Language: Vue
Homepage: https://aniellopiscopo.github.io/proj-html-vuejs/
Size: 12.3 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md
- License: LICENSE

Awesome Lists containing this project

README

          







PROJ-HTML-VUEJS



◦ Project of the middle course of Full-Stack Web Developer with Boolean made with HTML , CSS , bootstrap , JS and Vue 

◦ Link: https://aniellopiscopo.github.io/proj-html-vuejs/




































---

## 📒 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/proj-html-vuejs/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/proj-html-vuejs/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/proj-html-vuejs/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/proj-html-vuejs/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/proj-html-vuejs/blob/main/src\store.js)                                                         | This file contains the global and general variables and functions of the work. |

| [AppFooter.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\footer\AppFooter.vue)                             | This is the component that represents the footer tag of the webpage. |

| [FooterLowerPart.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\footer\FooterLowerPart.vue)                 | This is the component that containes the lower part of footer. |

| [FooterUpperPart.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\footer\FooterUpperPart.vue)                 | This is the component that containes the upper part of footer. |

| [AppHeader.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\header\AppHeader.vue)                             | This is the component that represents the header tag of the webpage. |

| [HeaderCarousel.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\header\HeaderCarousel.vue)                   | This is the component that containes the carousel put in the header. |

| [HeaderNav.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\header\HeaderNav.vue)                             | This is the component that containes the navbar put in the header. |

| [AppMain.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\main\AppMain.vue)                                   | This is the component that represents the main tag of the webpage. |

| [MainClientsLogoContainer.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\main\MainClientsLogoContainer.vue) | This is the component that containes a section of the main. |

| [MainCourses.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\main\MainCourses.vue)                           | This is the component that containes a section of the main. |

| [MainGeneralInfo.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\main\MainGeneralInfo.vue)                   | This is the component that containes a section of the main. |

| [MainIconsContainer.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\main\MainIconsContainer.vue)             | This is the component that containes a section of the main. |

| [MainPricingPlans.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\main\MainPricingPlans.vue)                 | This is the component that containes a section of the main. |

| [MainProgrammDetails.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\main\MainProgrammDetails.vue)           | This is the component that containes a section of the main. |

| [MainTestimonials.vue](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\components\main\MainTestimonials.vue)                 | This is the component that containes a section of the main. |

| [general.scss](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\styles\general.scss)                                          | This is the file scss that contains the general style of the work. |

| [_variables.scss](https://github.com/AnielloPiscopo/proj-html-vuejs/blob/main/src\styles\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 repository:

```sh

git clone https://github.com/AnielloPiscopo/proj-html-vuejs

```

2. Change to the project directory:

```sh

cd proj-html-vuejs

```

3. Install the dependencies:

```sh

npm i

```

### 🎮 Using proj-html-vuejs

```sh

npm run dev

```

---

## 📄 License

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

---