Skip to content

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

License

Notifications You must be signed in to change notification settings

AnielloPiscopo/proj-html-vuejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vite
PROJ-HTML-VUEJS

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

SVG JavaScript HTML5 CSS3 Sass Bootstrap Vite Axios Vue.js JSON

GitHub top language GitHub code size in bytes GitHub commit activity GitHub license

📒 Table of Contents


🧩 Modules

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.
AppFooter.vue This is the component that represents the footer tag of the webpage.
FooterLowerPart.vue This is the component that containes the lower part of footer.
FooterUpperPart.vue This is the component that containes the upper part of footer.
AppHeader.vue This is the component that represents the header tag of the webpage.
HeaderCarousel.vue This is the component that containes the carousel put in the header.
HeaderNav.vue This is the component that containes the navbar put in the header.
AppMain.vue This is the component that represents the main tag of the webpage.
MainClientsLogoContainer.vue This is the component that containes a section of the main.
MainCourses.vue This is the component that containes a section of the main.
MainGeneralInfo.vue This is the component that containes a section of the main.
MainIconsContainer.vue This is the component that containes a section of the main.
MainPricingPlans.vue This is the component that containes a section of the main.
MainProgrammDetails.vue This is the component that containes a section of the main.
MainTestimonials.vue This is the component that containes a section of the main.
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.

🚀 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:
git clone https://github.com/AnielloPiscopo/proj-html-vuejs
  1. Change to the project directory:
cd proj-html-vuejs
  1. Install the dependencies:
npm i

🎮 Using proj-html-vuejs

npm run dev

📄 License

This project is licensed under the MIT License. See the LICENSE file for additional info.