{"id":18593140,"url":"https://github.com/monsara/art","last_synced_at":"2026-04-21T05:31:22.213Z","repository":{"id":250035742,"uuid":"332289769","full_name":"monsara/art","owner":"monsara","description":"Add logic for the web site components in pure JavaScript in classic style according to the technical task from the course \"Practical JavaScript (Advanced)\"  on Udemy platform. More information in README.md","archived":false,"fork":false,"pushed_at":"2021-01-30T17:29:57.000Z","size":9587,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-16T10:41:08.061Z","etag":null,"topics":["accordion","anchorscroll","animated-css","bootstrap","burger-menu","drag-and-drop","fetch-api","filter","gulp","html-css-javascript","input-mask","modal","popup","slider","text-validation","webpack"],"latest_commit_sha":null,"homepage":"https://monsara.github.io/art/dist","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/monsara.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-01-23T19:19:03.000Z","updated_at":"2021-01-30T17:30:00.000Z","dependencies_parsed_at":"2024-07-24T21:12:46.041Z","dependency_job_id":"2f35c255-a93b-4ef1-9533-7032cc8d613f","html_url":"https://github.com/monsara/art","commit_stats":null,"previous_names":["monsara/art"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/monsara/art","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monsara%2Fart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monsara%2Fart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monsara%2Fart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monsara%2Fart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/monsara","download_url":"https://codeload.github.com/monsara/art/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monsara%2Fart/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32078725,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-21T02:38:07.213Z","status":"ssl_error","status_checked_at":"2026-04-21T02:38:06.559Z","response_time":128,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accordion","anchorscroll","animated-css","bootstrap","burger-menu","drag-and-drop","fetch-api","filter","gulp","html-css-javascript","input-mask","modal","popup","slider","text-validation","webpack"],"created_at":"2024-11-07T01:11:31.606Z","updated_at":"2026-04-21T05:31:22.199Z","avatar_url":"https://github.com/monsara.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Art web site\n\nAdd logic for the web site components in pure JavaScript in classic style according to the technical task from the course [\"Practical JavaScript (Advanced)\"](https://www.udemy.com/course/javascript_practice/) on Udemy platform.\n\nTechnical task: https://docs.google.com/document/d/1UFU42VTlqKQ8VIhco3l_K6M6oGlfFAK1MAqlkpcRG0I/edit\n\nGitHup Page: https://monsara.github.io/art/dist\n\n## Browser Support\n\nNew browsers — Firefox, Chrome, Opera, Microsoft Edge and IE 11, newer versions\nof Android/iOS, etc.\n\n## Used techniques\n\n### HTML/CSS\n\n-   SASS/SCSS (SCSS modules, CSS Animation, CSS Flexbox)\n\n### JavaScript features\n\n-   Using modules for features\n-   Opening modal windows when clicking on modal triggers\n-   Opening modal windows after a set time\n-   Opening modal windows on scrolling to the end of landing page\n-   Сlosing modal windows by pressing close button and modal backdrop\n-   Destroing modal tirger on open modal window\n-   Vertical and horisontal sliders\n-   Auto switching slides\n-   Using PHP server\n-   Using Fatch API to post form data to the server\n-   Informing еру user about the progress of posting form data to the server\n-   Using mask for input with phone nomber\n-   Text validation for text inputs (only allow cyrillic characters and numbers)\n-   Getting data from server using Fetch API for uploading more styles in styles\n    section\n-   Filtration portfolio works\n-   Replace images on mouseover event in sizes section\n-   Toggle accordions in Often questions section\n-   Showing burger menu on tablet screens and bellow, and hide it when resizing\n    if the screen is less than 992px\n-   Drag-and-Drop picture uploading in forms\n\n## Libs, frameworks\n\n-   Animate.css\n-   Bootstrap\n\n## Instruments\n\n-   Git\n-   Npm\n-   Node.js\n-   Gulp\n-   Webpack\n-   Chrome DevTools\n-   VS Code\n\n## Developing\n\n### Run site locally\n\nBefore using, make sure that Gulp and Node.js are installed on your computer\n\nTo build the site on your PC, run the following commands in the terminal:\n\n-   Clone the repository on your computer\n\n```shell\ngit clone https://github.com/monsara/art.git\n```\n\n-   Go to the project folder\n\n```shell\ncd art\n```\n\n-   Install dependencies\n\n```shell\nnpm install\n```\n\n-   Run the build project\n\n```shell\ngulp\n```\n\n-   In the browser tab go to [http://localhost:4000](http://localhost:4000)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonsara%2Fart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmonsara%2Fart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonsara%2Fart/lists"}