{"id":19505140,"url":"https://github.com/alejandroq12/second-portfolio","last_synced_at":"2025-04-26T00:33:49.231Z","repository":{"id":139792555,"uuid":"609915334","full_name":"Alejandroq12/second-portfolio","owner":"Alejandroq12","description":"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.","archived":false,"fork":false,"pushed_at":"2023-04-26T06:31:03.000Z","size":10582,"stargazers_count":14,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-04T05:51:09.094Z","etag":null,"topics":["css","dom","html","javascript","webpack"],"latest_commit_sha":null,"homepage":"https://alejandroq12.github.io/second-portfolio/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Alejandroq12.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-05T16:09:05.000Z","updated_at":"2024-02-24T18:53:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"28405022-1506-4d54-839c-59c36c5cd391","html_url":"https://github.com/Alejandroq12/second-portfolio","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fsecond-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fsecond-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fsecond-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fsecond-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alejandroq12","download_url":"https://codeload.github.com/Alejandroq12/second-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250917283,"owners_count":21507561,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","dom","html","javascript","webpack"],"created_at":"2024-11-10T22:28:32.877Z","updated_at":"2025-04-26T00:33:49.224Z","avatar_url":"https://github.com/Alejandroq12.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Porfolio\n\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./assets/img/logos/logo.png\" alt=\"logo\" width=\"550\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n  \u003ch3\u003e\u003cb\u003ePortfolio\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [Porfolio](#porfolio)\n- [📗 Table of Contents](#-table-of-contents)\n- [📖Porfolio ](#porfolio-)\n  - [🛠 Built With ](#-built-with-)\n    - [Tech Stack ](#tech-stack-)\n    - [Key Features ](#key-features-)\n  - [🚀 Live Demo ](#-live-demo-)\n  - [💻 Getting Started ](#-getting-started-)\n    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Usage](#usage)\n    - [Run tests](#run-tests)\n    - [Deployment ](#deployment-)\n  - [👥 Author ](#-author-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [❓ FAQ ](#-faq-)\n  - [📝 License ](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖Porfolio \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\nPresenting 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.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\nHTML,\nCSS,\nJavaScript,\nWebpack.\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eBundler\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://webpack.js.org/\"\u003eWebpack\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Intuitive Hamburger Menu: Provides great navigation throughout the website.**\n- **Responsive Design: Ensures optimal viewing and interaction experience across various devices and screen sizes.**\n- **Well-organized Sections: The website features dedicated sections for showcasing experience, portfolio, contact form, and skills, allowing for easy accessibility and a comprehensive overview.**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\nIt will be available soon!\n- [Live Demo Link](https://alejandroq12.github.io/second-portfolio/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n- A web browser to view output e.g [Google Chrome](https://www.google.com/chrome/).\n- An IDE e.g [Visual studio code](https://code.visualstudio.com/).\n- `node` should be installed in your local machine, [node website](https://nodejs.org/en/download/).\n- Install the `npm` package manager use this [to install both node and npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).\n- [A terminal](https://code.visualstudio.com/docs/terminal/basics).\n\n### Setup\n\nClone this repository to your desired folder or download the Zip folder:\n\n```\nhttps://github.com/Alejandroq12/second-portfolio.git\n```\n\n- Navigate to the location of the folder in your machine:\n\n**``you@your-Pc-name:~$ cd second-portfolio``**\n\n### Install\n\nTo install all dependencies, run:\n\n```\nnpm install\n```\n\n### Usage\n\nTo run the project, follow these instructions:\n\n- After Cloning this repo to your local machine.\n- Open the index.html file in your browser.\n\n### Run tests\n\nTests will be available soon!\n\u003c!-- To run tests, run the following command:\n\n- Track CSS linter errors run:\n```\nnpx stylelint \"**/*.{css,scss}\"\n```\n- Track JavaScript linter errors run:\n```\nnpx eslint \"**/*.{js,jsx}\"\n``` --\u003e\n\n### Deployment \u003ca name=\"deployment\"\u003e\u003c/a\u003e\n\nYou can deploy this project using: GitHub Pages,\n- I used GitHub Pages to deploy my website.\n- 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)\".\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Author \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Julio Quezada**\n\n- GitHub: [Alejandroq12](https://github.com/Alejandroq12)\n- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)\n- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **I will add more interactivity.**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project give me a star ⭐️\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI want to thank all my colleagues that share knowledge with and inspired to to improve each day.\n\nI want to thank Xavier Reyes Ochoa for guiding me in the creation of this portfolio.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ  --\u003e\n\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **What did you learn?**\n\n  - Throughout this project, I expanded my knowledge of DOM manipulation, improved my Webpack usage, and mastered Normalize implementation for a consistent appearance.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [LICENSE](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falejandroq12%2Fsecond-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falejandroq12%2Fsecond-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falejandroq12%2Fsecond-portfolio/lists"}