https://github.com/monsara/irvas-windows
Add logic for the web page components in pure JavaScrip according to the tasks from the course "Practical JavaScript (advanced level)" on Udemy platform. More information in README.md
https://github.com/monsara/irvas-windows
css-animations gulp html-css-javascript tabs timer-clock wepback
Last synced: 2 months ago
JSON representation
Add logic for the web page components in pure JavaScrip according to the tasks from the course "Practical JavaScript (advanced level)" on Udemy platform. More information in README.md
- Host: GitHub
- URL: https://github.com/monsara/irvas-windows
- Owner: monsara
- Created: 2021-01-23T16:04:10.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-01-29T22:43:26.000Z (about 4 years ago)
- Last Synced: 2024-12-26T20:17:01.995Z (4 months ago)
- Topics: css-animations, gulp, html-css-javascript, tabs, timer-clock, wepback
- Language: JavaScript
- Homepage: https://monsara.github.io/irvas-window/dist
- Size: 3.45 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Irvas-windows web page
Add JavaScript logic for web page components according to the technical task from the course ["Practical JavaScript (Advanced)"](https://www.udemy.com/course/javascript_practice/) on Udemy platform.
Technical task: https://docs.google.com/document/d/1lRYlblSIz7fPdWEChsItL8jdS3ltTR6K-FxB2rHVHBY/edit
GitHup Page: https://monsara.github.io/irvas-window/dist
## Browser Support
New browsers — Firefox, Chrome, Opera, Microsoft Edge and IE 11, newer versions
of Android/iOS, etc.
## Used techniques
### HTML/CSS
- SASS/SCSS (SCSS modules, CSS Animation, CSS Flexbox)
### JavaScript features
- Using modules for features
- Opening modal windows when clicking on modal triggers and after a set time
- Сlosing modal windows by pressing close button, modal backdrop and after a set time
- Using Fetch API for posting form data to the server
- Switching tabs with animation
- Showing the remaining time in the promo timer
- Showing big images in popup window in works gallary
## Instruments
- Git
- Npm
- Node.js
- Gulp
- Webpack
- Chrome DevTools
- VS Code
## Developing
### Run site locally
Before using, 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/irvas-windows.git
```
- Go to the project folder
```shell
cd irvas-windows
```
- Install dependencies
```shell
npm install
```
- Run the build project
```shell
gulp
```
- In the browser tab go to [http://localhost:4000](http://localhost:4000)