https://github.com/alejandroq12/second-portfolio
Presenting a portfolio website designed to showcase practical experience in CSS, JavaScript, DOM manipulation, Webpack, and Normalize. This user-friendly portfolio served as a learning tool for refining essential web development skills.
https://github.com/alejandroq12/second-portfolio
css dom html javascript webpack
Last synced: 5 days ago
JSON representation
Presenting a portfolio website designed to showcase practical experience in CSS, JavaScript, DOM manipulation, Webpack, and Normalize. This user-friendly portfolio served as a learning tool for refining essential web development skills.
- Host: GitHub
- URL: https://github.com/alejandroq12/second-portfolio
- Owner: Alejandroq12
- License: mit
- Created: 2023-03-05T16:09:05.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-26T06:31:03.000Z (about 2 years ago)
- Last Synced: 2025-04-04T05:51:09.094Z (27 days ago)
- Topics: css, dom, html, javascript, webpack
- Language: CSS
- Homepage: https://alejandroq12.github.io/second-portfolio/
- Size: 10.1 MB
- Stars: 14
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Porfolio
Portfolio
# 📗 Table of Contents
- [Porfolio](#porfolio)
- [📗 Table of Contents](#-table-of-contents)
- [📖Porfolio ](#porfolio-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment ](#deployment-)
- [👥 Author ](#-author-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [❓ FAQ ](#-faq-)
- [📝 License ](#-license-)
Presenting a portfolio website designed to showcase practical experience in CSS, JavaScript, DOM manipulation, Webpack, and Normalize. This user-friendly platform serves as a learning tool for refining essential web development skills.
## 🛠 Built With
HTML,
CSS,
JavaScript,
Webpack.
### Tech Stack
Client
Bundler
- **Intuitive Hamburger Menu: Provides great navigation throughout the website.**
- **Responsive Design: Ensures optimal viewing and interaction experience across various devices and screen sizes.**
- **Well-organized Sections: The website features dedicated sections for showcasing experience, portfolio, contact form, and skills, allowing for easy accessibility and a comprehensive overview.**
It will be available soon!
- [Live Demo Link](https://alejandroq12.github.io/second-portfolio/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- A web browser to view output e.g [Google Chrome](https://www.google.com/chrome/).
- An IDE e.g [Visual studio code](https://code.visualstudio.com/).
- `node` should be installed in your local machine, [node website](https://nodejs.org/en/download/).
- Install the `npm` package manager use this [to install both node and npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).
- [A terminal](https://code.visualstudio.com/docs/terminal/basics).
### Setup
Clone this repository to your desired folder or download the Zip folder:
```
https://github.com/Alejandroq12/second-portfolio.git
```
- Navigate to the location of the folder in your machine:
**``you@your-Pc-name:~$ cd second-portfolio``**
### Install
To install all dependencies, run:
```
npm install
```
### Usage
To run the project, follow these instructions:
- After Cloning this repo to your local machine.
- Open the index.html file in your browser.
### Run tests
Tests will be available soon!
You can deploy this project using: GitHub Pages,
- I used GitHub Pages to deploy my website.
- For more information about publishing sources, see "[About GitHub pages](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages#publishing-sources-for-github-pages-sites)".
👤 **Julio Quezada**
- GitHub: [Alejandroq12](https://github.com/Alejandroq12)
- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)
- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)
- [ ] **I will add more interactivity.**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project give me a star ⭐️
I want to thank all my colleagues that share knowledge with and inspired to to improve each day.
I want to thank Xavier Reyes Ochoa for guiding me in the creation of this portfolio.
- **What did you learn?**
- Throughout this project, I expanded my knowledge of DOM manipulation, improved my Webpack usage, and mastered Normalize implementation for a consistent appearance.
This project is [LICENSE](./LICENSE) licensed.