Single Page Developer Portfolio

Table of Contents

• Overview
• Screenshot
• Built with
• Install (How it works)
• Development mode
• Production mode
• The Project Structure
• Author

Overview

This is a solution to the Single-page developer portfolio. The purpose of this challenge is to improve my coding skills by building realistic projects.

Screenshot

⚙ Built with

Languages & Dependencies

• HTML5
• CSS3
• Bootstrap5
• JavaScript
• Babel
• Postcss
• Webpack 5

Install

How it works

Clone the project or download ZIP

git clone https://github.com/Bayoumi-dev/single-page-developer-portfolio.git

You must install Node js on the local machine, then install the dependencies used in this project. Run the command in the root

npm install

Development mode

Start webpack dev server with:

npm run dev

The webpack dev server listening on port: 3000

Production mode

Run the following command to generate the dist folder

npm run dev

The Project Structure

├── .browserslistrc
├── .gitignore
├── .prettierignore
├── babel.config.json
├── package-lock.json
├── package.json
├── postcss.config.js
├── prettier.config.js
├── README.md
├── webpack.dev.js
├── webpack.prod.js
├── .vscode
├── design
└── src     
    ├── assets
    │   ├── fonts
    │   └── images
    ├── js
    │   ├── animation.js
    │   ├── app.js
    │   ├── handleMessageForm.js
    │   ├── handleScrollButton.js
    │   ├── htmlElements.js
    │   └── validation.js
    ├── styles
    │   ├── animation.css
    │   ├── components.css
    │   ├── global.css
    │   ├── index.css 
    │   ├── reset.css
    │   ├── typography.css
    │   ├── utilities.css
    │   └── variable.css
    ├── views
    │   ├── favicon.ico
    │   └── index.html
    └── index.js

Author

• Website - bayoumi.dev
• Frontend Mentor - @Bayoumi-dev