{"id":19505169,"url":"https://github.com/alejandroq12/webpack-template","last_synced_at":"2025-09-26T15:22:41.547Z","repository":{"id":139791956,"uuid":"583186379","full_name":"Alejandroq12/webpack-template","owner":"Alejandroq12","description":"\"This a webpack template that I will use for future projects\"","archived":false,"fork":false,"pushed_at":"2023-03-29T18:57:56.000Z","size":614,"stargazers_count":13,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-04T05:51:10.986Z","etag":null,"topics":["webpack","webpack-boilerplate"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"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":null,"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":"2022-12-29T02:48:45.000Z","updated_at":"2024-02-24T18:53:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"1aecc04b-48b9-493b-b8bd-fb29dcc0caf3","html_url":"https://github.com/Alejandroq12/webpack-template","commit_stats":null,"previous_names":["alejandroq12/webpack-template"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fwebpack-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fwebpack-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fwebpack-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fwebpack-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alejandroq12","download_url":"https://codeload.github.com/Alejandroq12/webpack-template/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":["webpack","webpack-boilerplate"],"created_at":"2024-11-10T22:28:38.203Z","updated_at":"2025-09-26T15:22:36.499Z","avatar_url":"https://github.com/Alejandroq12.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003eWebpack template\u003c/a\u003e\n\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./webpack.svg\" alt=\"logo\" width=\"600\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eWebpack template\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- [📖 About the Project](#about-project)\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  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 Webpack template \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\"This a webpack template that I will use for future projects\"\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\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/es/docs/Learn/HTML\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/es/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\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **This is webpack template**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\nLive demo is no available because this one is just a template.\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\nTo get a local copy up and running, follow these steps:\n\n### Prerequisites\n\nTo work with this project, you need:\n\n1. A modern web browser to view the website (e.g., Google Chrome, Firefox, Safari, or Microsoft Edge).\n\n2. A code editor for editing the code, such as Visual Studio Code, Atom, or Sublime Text.\n\n3. Node.js installed on your machine. You can download the latest version [here](https://nodejs.org/en/download/).\n\n4. npm (Node Package Manager) installed, which comes bundled with Node.js.\n\n5. After cloning the project, make sure to run npm install to install all the necessary dependencies, including Luxon and linters, specified in the package.json file.\n\n### Setup\n\nClone this repository to your desired folder:\n\n1. Clone it using your terminal:\n```\ngit clone https://github.com/Alejandroq12/webpack-template.git\n```\n\n2. If the previous method does not work you may also download the repo as a .zip file and once you decompress the .zip file you are ready to use it.\n\nImportant: do not forget to clone the repo in the correct folder, probably you will use the following commands to achieve that in your terminal:\n\n1. To navigate a certain folder:\n\n```\ncd \u003cfolder name\u003e\n```\n2. To navigate to the previous folder: \n\n```\ncd ..\n```\n\n### Install\n\nInstall this project with:\n\n\n1. Complete the following steps:\n\n```\nnpm init -y\nnpm install\n\n```\n\n3. If you run npm install, remember to create a .gitignore file to prevent the node_modules folder from being uploaded to GitHub:\n\n```\n.gitignore\nnode_modules/\n```\n\n### Usage\n\nTo use this project locally on your computer, follow these steps:\n\n\n1. Clone the repository or download the project files.\n2. Navigate to the project directory where the files are located.\n3. Go to the terminal and run:\n\n-- This command will run the development mode:\n```\nnpm start\n```\n-- This command will run the production mode:\n```\nnpm run build\n```\n\nThe website should now be displayed in your browser, and you can interact with the application as intended.\n\n### Run tests\n\n1. I did not include linters because this ons is just a template.\n\n### Deployment\n\nYou can deploy this project using GitHub pages:\n\n1. Log in to your GitHub account and navigate to the repository that contains your website files.\n2. Make sure that your website files are located in the main branch and in the root directory of the repository.\n3. If your website is not already live, make sure that the index.html file is the main page of your website.\n4. Click on the \"Settings\" tab in your repository.\n5. Scroll down to the \"GitHub Pages\" section.\n6. In the \"Source\" dropdown menu, select the branch where your website files are located. For a simple website with only HTML and CSS, this is typically the main branch.\n7. In the \"Path\" field, make sure that the root directory is specified (i.e., \"/\").\n8. Click \"Save\" to generate your website.\n9. Wait a few minutes for GitHub to build and deploy your website.\n10. Once the website is deployed, visit the GitHub Pages URL to view your site.\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## 👥 Authors \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\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- [ ] **You can addapt this template to different projects**\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 please give a star.\nThanks in advance.\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 would like to thank Wes Bos because I learned how to implement flexbox with his free tutorial:\n- Wes Bos: [Wes Bos](https://flexbox.io/)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n\n## ❓ FAQ (OPTIONAL) \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **Can I use this template?**\n\n  - Yes! you can use it, copy it and adjust it to your needs.\n\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 [MIT](./MIT.md) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falejandroq12%2Fwebpack-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falejandroq12%2Fwebpack-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falejandroq12%2Fwebpack-template/lists"}