Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aakbarkhan/cfood
This project is about seafood items and when the like button is clicked the likes is increase and if people want to give any comment about the food then the person can write any comment in the comment section and post that comment.
https://github.com/aakbarkhan/cfood
html-css-javascript js
Last synced: 27 days ago
JSON representation
This project is about seafood items and when the like button is clicked the likes is increase and if people want to give any comment about the food then the person can write any comment in the comment section and post that comment.
- Host: GitHub
- URL: https://github.com/aakbarkhan/cfood
- Owner: aakbarkhan
- Created: 2021-11-27T12:33:01.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2021-11-27T15:06:07.000Z (almost 3 years ago)
- Last Synced: 2024-04-13T22:49:28.692Z (7 months ago)
- Topics: html-css-javascript, js
- Language: JavaScript
- Homepage: https://aakbarkhan.github.io/Cfood/dist/
- Size: 592 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CapstoneJS
In this project we will prepare a Kanban board with a GitHub project, with my Learning partner. It's javascript capstone project with external API..
![image] 
## Built With
- HTML
- CSS
- JS
- WEBPACK
- API service
## Live Link to the Project
[Live Link](https://aakbarkhan.github.io/Cfood/dist/)
## Getting Started
**To clone this project**
**Run command: $git clone the reposiratory**
**or press the green Code button in the upper right corner and choose to download from the Download ZIP link.**
**To setup the webpack for this project**
#### Install Webpack
- Follow the instructions from the [getting started](https://webpack.js.org/guides/getting-started/#basic-setup) guide to set up the basics. Implement all the steps from _Basic Setup_ to _NPM Scripts_.
- The next step is to add html file :
Follow the instructions from the [setting up HtmlWebpackPlugin](https://webpack.js.org/guides/output-management/#setting-up-htmlwebpackplugin) guide
Then
```
npm run build
```
- Create a **/src/index.html** for writing the project
- Then modify **webpack.config.js** to point HtmlWebpackPlugin towards your template file:
```javascript
plugins: [
new HtmlWebpackPlugin({
- title: 'Output Management',
+ template: './src/index.html'
}),
],
```
- Run `npm install`
- Run `npm run build` to update the **/dist/index.html**.
- Then it is time to add some style to the project:
Follow the steps in [loading CSS](https://webpack.js.org/guides/asset-management/#loading-css) guide.
Next, execute `npm run build` and check if the HTML body style has changed.
- Run `npm test`
#### Setup local dev server
- Finally,follow the [using webpack-dev-server](https://webpack.js.org/guides/development/#using-webpack-dev-server) guide and set it up on your local machine.
## Prerequisites
- Code editor (VS Code)
## Authors
👤 Aku khan
- GitHub: [@aakbarkhan](https://github.com/aakbarkhan)
- LinkedIn: [Aku khan](https://www.linkedin.com/in/akbar-khan-b57709182/)
👤 Farouq Daif
- GitHub: [@farouqdaif1](https://github.com/farouqdaif1)
- LinkedIn: [Farouq Daif](https://www.linkedin.com/in/farouqdaif/https://www.linkedin.com/in/farouqdaif/)
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](./MIT.md) licensed.