https://github.com/rileymanda/webpack-demo
Webpack Demo is a simple yet powerful webpack boilerplate, which you can later be used as a starting point in projects.
https://github.com/rileymanda/webpack-demo
Last synced: 4 months ago
JSON representation
Webpack Demo is a simple yet powerful webpack boilerplate, which you can later be used as a starting point in projects.
- Host: GitHub
- URL: https://github.com/rileymanda/webpack-demo
- Owner: RileyManda
- License: mit
- Created: 2023-06-13T06:05:08.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-13T10:15:35.000Z (about 3 years ago)
- Last Synced: 2025-01-20T19:24:17.899Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 568 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Webpack Demo
# Table of Contents 📋
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [👥 Attribution](#attribution)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
**Webpack Demo** is a simple yet powerful webpack boilerplate, which you can later be used as a starting point in projects.
Client
-
HTML5 markup to build raw structure of this web page - Javascript
-
Linters for coding convention and coding formating
Javascript runtime environment
-
Node JS as a javascript runtime machine [git], a free and open source distributed version control system
- **Web pack setup**
To get a local copy up and running, follow these steps.
In order to run this project you need:
- A Github account
- Node JS
- A web browser to view output e.g [Microsoft Edge](https://www.microsoft.com/en-us/edge).
- An IDE e.g [Visual studio code](https://code.visualstudio.com/).
- [A terminal](https://code.visualstudio.com/docs/terminal/basics).
Clone this repository to your desired folder:
```sh
cd my-folder
git clone https://github.com/RileyManda/awesome-books.git
```
- Navigate to the folder
```
cd my-folder
```
- Checkout the branch
```
git checkout main
```
Install all dependencies:
```sh
npm install
```
To run the project, follow these instructions:
- You have to clone this repo to your local machine.
```
git clone https://github.com/RileyManda/awesome-books.git
```
### Run tests 🧪
How should it be tested?
To run tests, run the following command:
- HTML linter errors run:
```
npx hint . --fix
```
- CSS linter errors run:
```
npx stylelint "**/*.{css,scss}" --fix
```
- JavaScript linter errors run:
```
npx eslint . --fix
```
- For unit testing, run:
```
npm test
```
You can deploy this project using: GitHub Pages, [Vercel](https://vercel.com/) or [Netlify](https://www.netlify.com/).
👤 **Riley Manda**
- GitHub: [@RileyManda](https://github.com/RileyManda)
- Twitter: [@rilecodez](https://twitter.com/rilecodez)
- LinkedIn: [rileymanda](https://www.linkedin.com/in/rileymanda/)
- [ ] **Improve the UI with animations**
- [ ] **Make the application responsive**
## 👥 Attribution
- ProjectIcon: [Svgrepo](https://www.svgrepo.com/svg/249120/books-book)
If you have suggestions 📝, ideas 🤔, or bug reports 🐛, please feel free to open an [issue](https://github.com/RileyManda/awesome-books/issues) on GitHub.
Remember, every contribution, no matter how big or small, makes a difference.
Thank you for taking the time to explore this project! Your support means a lot to me. If you find my project valuable and would like to contribute, here is one way you can support me:
- Star the project ⭐️: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.
- Fork the project 🍴 🎣: If you're interested in making improvements or adding new features, feel free to fork the project. You can work on your own version and even submit pull requests to suggest changes.
- Share with others 🗺️: Spread the word about this project. Share it on social media, mention it in relevant forums or communities, or recommend it to colleagues and friends who might find it useful.
I would like to express my sincere gratitude to [Microverse](https://github.com/microverseinc), the dedicated reviewers, and collaborators. Your unwavering support, feedback, and collaborative efforts have played an immense role in making this journey a resounding success. I am truly grateful for your contributions and for being an integral part of my achievements. Thank you for your continued support.
- **Question_1**
Do I have to use the vs code specifically?
- Answer_1
You can use any code editor of your choice.
- **Question_2**
Where can I download node JS for installation?
- Answer_2
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
It can be downloaded here: https://nodejs.org/en/download/Node.jsNode.js
This project is [MIT](./LICENSE) licensed.
_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._