Single-Page-Application_portfolio

FrontEnd Single Page Application made in react vite using html, css, bootstrap. If you like: give me a star 🌟

---

STATUS: 🔔 React VITE 🚀 App: Finished ... 🎯

                 ==================================================

---

---

Table of Contents

• Intro
• Feature
• Technologies
• Built With
• How-To-Use
• Author

Intro

This project was developed on video on YouTube, previously, in Portifolio and Profile, by 'Danilo-jesus' and 'professor Miltin' respectively with the titles "How to create a portfolio with HTML and CSS for beginners" and "Using CSS - Creating a PROFILE page with just HTML and CSS. Selectors and Effects in CSS"

However, during my development the main change is that I created the project in react-vite. And for this, instead of the index.html and style.css files I used the app.js and app.css files; I changed the background image; I used icons from react-icons; and I linked this page in a SPA.

Feature

• Simple Page Application
• Responsive layout

 

Technologies

In youtube's video this project was developed with Html, CSS.

However, during my development the main change is that I created the project in VITE, used components, and linked each component page to a SPA.

Built With

 

How-To-Use

To clone and run this application, you'll need Git, Node.js v18.16.0 or higher + npm (used version npm@9.8.1) and VITE v4.4.9 installed on your computer. From your command line:

 
## Clone this repository or download zip folder
### $ `https://github.com/Almir-git-unifc/single-page-application_portfolio.git`


 
## Install project VITE
### $ `npm create vite@latest`


 
## choose name project, framework and variant
### $ `choose  (your project named)   vite-project `
### $ `(framework)       React`
### $ `(variant)         JavaScript`


 
## Run locally the app
### $ `cd folder-name-project (vite-project)`
### $ `npm install`
### $ `npm run dev`
#### $ `use the Local link provided by VITE to access the server`


#### $ `Copy content project, was download of this Github repository, inside folder vite-project created before`


The page will reload when you make changes.\
You may also see any lint errors in the console.

Enjoyed and if this is useful to you, give me a star 🌟

 

Author

👤 Almir

• Github: @Almir-git-hub