https://github.com/krypton225/second-portfolio
This project for making a portfolio website with creative layout design!
https://github.com/krypton225/second-portfolio
7-1architecture bootstrap5 css css3 fontello google-fonts html html5 html5shiv javascript npm portfolio purgecss sass scss template typescript
Last synced: 3 months ago
JSON representation
This project for making a portfolio website with creative layout design!
- Host: GitHub
- URL: https://github.com/krypton225/second-portfolio
- Owner: krypton225
- Created: 2022-10-03T12:18:13.000Z (almost 4 years ago)
- Default Branch: dev
- Last Pushed: 2022-11-24T19:02:48.000Z (over 3 years ago)
- Last Synced: 2025-05-13T18:51:02.147Z (about 1 year ago)
- Topics: 7-1architecture, bootstrap5, css, css3, fontello, google-fonts, html, html5, html5shiv, javascript, npm, portfolio, purgecss, sass, scss, template, typescript
- Language: HTML
- Homepage: https://james-oliver-portfolio.netlify.app/
- Size: 10.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# James Oliver portfolio site
## 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)
- [Typescript](https://www.typescriptlang.org/)
- [Bootstrap5](https://getbootstrap.com/)
- [html5Shiv](https://github.com/aFarkas/html5shiv)
- [git](https://git-scm.com/)
- [Google Fonts](https://fonts.google.com/)
- [SwiperJs](https://swiperjs.com/)
- [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://james-oliver-portfolio.netlify.app/)
## Author
> [Khaled Mohamed](https://github.com/krypton225/)
## Lessons Learned
I learned a lot from creating this project such as:
- Using powerfull of npm.
- Using SCSS.
- Using little of Typescript.
- 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/)