Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/monsara/food
Add logic to the web page according to the tasks from the course on Udemy platform: "A complete course in JavaScript + React - from scratch to results"
https://github.com/monsara/food
axios fatch-api gulp html-css-javascript json-server scss webpack
Last synced: 28 days ago
JSON representation
Add logic to the web page according to the tasks from the course on Udemy platform: "A complete course in JavaScript + React - from scratch to results"
- Host: GitHub
- URL: https://github.com/monsara/food
- Owner: monsara
- Created: 2021-01-06T22:20:56.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-01-17T12:28:49.000Z (about 4 years ago)
- Last Synced: 2024-11-07T01:12:07.590Z (3 months ago)
- Topics: axios, fatch-api, gulp, html-css-javascript, json-server, scss, webpack
- Language: JavaScript
- Homepage: https://monsara.github.io/food/dist
- Size: 4.76 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Food
https://monsara.github.io/food/dist
Add logic to the web page according to the tasks from the course
on Udemy platform: "A complete course in JavaScript + React - from scratch to results"
["A complete course in JavaScript + React - from scratch to results"](https://www.udemy.com/course/javascript_full/)
## Browser Support
New browsers — Firefox, Chrome, Opera, Microsoft Edge and IE 11, newer versions
of Android/iOS, etc.
## Used techniques
### HTML/CSS
- BEM methodology
- SASS/SCSS (variables, SCSS modules)
### JavaScript features
- Switching tabs
- Timer with deadline
- Opening modal window after 3 seconds, by preesing triger buttons or scrolling to the end of the page
## Instruments
- Git
- Npm
- Gulp
- Chrome DevTools
- VS Code
## Developing
### Run site locally
Before using the Gulp Starter Kit, make sure that Gulp and Node.js are installed
on your computer
To build the site on your PC, run the following commands in the terminal:
- Clone the repository on your computer
```shell
git clone https://github.com/monsara/generator-hub.git
```
- Go to the project folder
```shell
cd food
```
- Install dependencies
```shell
npm install
```
- Run the build project
```shell
gulp
```
- In the browser tab go to [http://localhost:4000](http://localhost:4000)