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

Irvas-windows web page

Add JavaScript logic for web page components according to the technical task from the course "Practical JavaScript (Advanced)" 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

git clone https://github.com/monsara/irvas-windows.git

• Go to the project folder

cd irvas-windows

• Install dependencies

npm install

• Run the build project

gulp

• In the browser tab go to http://localhost:4000