This is a portfolio that I got its design from a figma file created by Yanka Darelova.
To preview this web application, you should have npm && node installed on your machine!
You can check if they exist or not, by opening a terminal then typing these commands:
npm -v
# it should show the currently installed version as 10.7.0
node -v
# as v20.15.0
then you should go to the subdirectory client
and run npm install
then npm start
cd client
npm install
npm run dev
# it'll appear the running url as http://localhost:5173 or +1
# click on that url or open it in your browser
With these steps you will be able to preview my portfolio application!
Or you can build the version then run it locally. to get faster results by typing:
npm run build
npm run preview
# the terminal will show the url: http://localhost:4173 than you can open to get the preview app
This project was build using these tools:
Tool | Description | Docs |
---|---|---|
HTML5 | Hyper Text Markup Language | MDN Web Docs |
SCSS | Sassy CSS | Sass Documentation |
TS | TypeScript | TypeScript Documentation |
Vue3 Composition APIs | The Progressive JavaScript Framework | Vue 3 Documentation |
Prefix CSS | Autoprefixer as a PostCSS plugin | Autoprefixer Documentation |
Babel | The compiler for next generation JavaScript | Babel Documentation |
Polyfillers | For older browsers | core-js Documentation |
Vue Router 4 | The official router for Vue.js | Vue Router 4 Documentation |
Pinia | The Vue Store that you will enjoy using | Pinia Documentation |
Toastify | React Toast Notifications | Toastify Documentation |