https://github.com/krypton225/first-portfolio

This is just a portfolio for training in the web development with using some advanced tools
https://github.com/krypton225/first-portfolio

bootstrap5 css css3 es6 grid-system html html5 html5shiv javascript minify npm portfolio sass scss swiper-js webpack

Last synced: 8 months ago
JSON representation

This is just a portfolio for training in the web development with using some advanced tools

• Host: GitHub
• URL: https://github.com/krypton225/first-portfolio
• Owner: krypton225
• Created: 2022-09-19T12:09:43.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2023-02-11T17:03:47.000Z (almost 3 years ago)
• Last Synced: 2025-03-29T07:05:29.765Z (8 months ago)
• Topics: bootstrap5, css, css3, es6, grid-system, html, html5, html5shiv, javascript, minify, npm, portfolio, sass, scss, swiper-js, webpack
• Language: HTML
• Homepage: https://portfolio-john2.netlify.app/
• Size: 24 MB
• Stars: 2
• Watchers: 0
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# John Doe portfolio site

## Screenshots

![1](https://user-images.githubusercontent.com/73050798/218270698-801b0e85-9b01-43fa-848c-e164d2b4c8b5.png)

![2](https://user-images.githubusercontent.com/73050798/218270700-0777fd9f-c5f3-4666-adae-47abc502abb3.png)

![3](https://user-images.githubusercontent.com/73050798/218270701-40bf5101-2961-4019-9831-05d18f581c49.png)

![4](https://user-images.githubusercontent.com/73050798/218270703-28acebd4-28c8-442d-883e-08aa645b870a.png)

![5](https://user-images.githubusercontent.com/73050798/218270706-be3c130c-77c9-404e-981c-7a285c22993b.png)

![6](https://user-images.githubusercontent.com/73050798/218270709-d773ec9d-759e-4b2f-b711-2f270cd25c96.png)

![7](https://user-images.githubusercontent.com/73050798/218270711-49b586bc-2213-4a68-8521-1531b67075d6.png)

## Tech Used

- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)

- [SCSS](https://sass-lang.com/)

- [Javascript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

- [Bootstrap5](https://getbootstrap.com/)

- [html5Shiv](https://github.com/aFarkas/html5shiv)

- [git](https://git-scm.com/)

- [Fontawesome 6 Free](https://fontawesome.com/)

- [Google Fonts](https://fonts.google.com/)

- [SwiperJs](https://swiperjs.com/)

- [Webpack](https://webpack.js.org/)

- [npm](https://www.npmjs.com/)

## After Downloading

```bash

npm install

```

## Features

- Responsive with all screens

- Creative a new idea for the layout design

## Demo

you can see the live of the site [here](https://portfolio-john2.netlify.app/)

## Author

> [Khaled Mohamed](https://github.com/krypton225/)

## Lessons Learned

I learned a lot from creating this project such as:

- Using npm.

- Using SCSS.

- Using SwiperJS.

- Customize the layout to be a responsive design.

- And a lot in solving the problems which I faced while building the project.

## License

[MIT](https://choosealicense.com/licenses/mit/)