{"id":19831480,"url":"https://github.com/notacat1/algososh","last_synced_at":"2026-05-18T15:13:11.839Z","repository":{"id":233274076,"uuid":"786401837","full_name":"NotACat1/algososh","owner":"NotACat1","description":"Welcome to the MBOU ALGOSOSH Fibonacci project! Join us in creating a visualizer that animates algorithm steps, enhancing your understanding and skills in programming and animation.","archived":false,"fork":false,"pushed_at":"2024-08-06T13:00:56.000Z","size":4216,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-01T03:15:56.022Z","etag":null,"topics":["algorithms","react","ts"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/NotACat1.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":"2024-04-14T10:58:14.000Z","updated_at":"2024-08-13T13:00:18.000Z","dependencies_parsed_at":"2024-11-12T11:43:08.944Z","dependency_job_id":null,"html_url":"https://github.com/NotACat1/algososh","commit_stats":null,"previous_names":["notacat1/algososh"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/NotACat1/algososh","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotACat1%2Falgososh","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotACat1%2Falgososh/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotACat1%2Falgososh/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotACat1%2Falgososh/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NotACat1","download_url":"https://codeload.github.com/NotACat1/algososh/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotACat1%2Falgososh/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33181995,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-18T09:27:30.708Z","status":"ssl_error","status_checked_at":"2026-05-18T09:27:28.300Z","response_time":71,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":["algorithms","react","ts"],"created_at":"2024-11-12T11:32:09.999Z","updated_at":"2026-05-18T15:13:10.942Z","avatar_url":"https://github.com/NotACat1.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![МБОУ АЛГОСОШ](https://github.com/NotACat1/algososh/assets/113008873/c85272cb-8c22-4ba5-b915-b9d3f730727e)\n\n![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n\n# Проектная работа. МБОУ АЛГОСОШ им. Фибоначчи\n\nДобро пожаловать в проектный репозиторий МБОУ АЛГОСОШ им. Фибоначчи! Здесь мы рады представить вам уникальную возможность: создание визуализатора алгоритмов, которые вы изучаете в течение месяца. Наш проект направлен на разработку инструмента, способного демонстрировать работу алгоритмов через анимацию и последовательное отображение шагов, что позволит вам более глубоко понять каждый этап их функционирования. Благодаря этому подходу вы сможете не только улучшить свои знания в области алгоритмов, но и развить навыки программирования и анимации. Давайте вместе создадим инструмент, который сделает изучение алгоритмов увлекательным и наглядным!\n\n## Реализованный функционал\n\n### Строка\n\nМодуль для визуализации операций над строками. Включает в себя отзеркаливание строки относительно ее среднего символа. Пользователь может наблюдать, как каждый символ перемещается относительно среднего символа строки, создавая эффект отражения.\n\n![Строка](https://github.com/NotACat1/algososh/assets/113008873/b9cefef8-10b9-466d-8302-6c21fd654178)\n\n### Последовательность Фибоначчи\n\nВизуализатор для генерации и отображения последовательности чисел Фибоначчи. Позволяет пошагово продемонстрировать процесс формирования последовательности, начиная с первых двух чисел и последующего добавления следующего числа путем сложения двух предыдущих.\n\n![Последовательность Фибоначчи](https://github.com/NotACat1/algososh/assets/113008873/94047fe2-9091-40d6-bbbd-5c2a074e6fb5)\n\n### Сортировка массива\n\nМодуль, позволяющий визуализировать различные алгоритмы сортировки массива, такие как сортировка пузырьком и сортировка выборкой. Пользователь может наблюдать пошаговое изменение порядка элементов массива на каждом этапе сортировки, отслеживая перемещение и сравнение элементов.\n\n![Сортировка массива](https://github.com/NotACat1/algososh/assets/113008873/7a83f799-381e-4b4b-be66-2cd28066faf6)\n\n### Стек\n\nИнструмент для визуализации структуры данных \"стек\". Пользователь может добавлять и удалять элементы из стека, а также наблюдать изменение его состояния на каждом шаге операции. Стек работает по принципу Last-In-First-Out (LIFO), где последний добавленный элемент будет первым, который будет удален.\n\n![Стек](https://github.com/NotACat1/algososh/assets/113008873/21d3b5d9-b8b0-49d3-a4cb-1b6bbfe3f4be)\n\n### Очередь\n\nМодуль, который позволяет визуализировать работу структуры данных \"очередь\". Пользователь может добавлять элементы в очередь, извлекать их и наблюдать, как очередь изменяется с каждой операцией. Очередь работает по принципу First-In-First-Out (FIFO), где первый добавленный элемент будет первым, который будет извлечен.\n\n![Очередь](https://github.com/NotACat1/algososh/assets/113008873/ac9b9df8-9ec5-4951-a83b-11319ceb55cb)\n\n### Связный список\n\nИнструмент для визуализации работы связного списка. Пользователь может добавлять, удалять и изменять элементы списка, а также наблюдать, как связи между элементами обновляются после каждой операции. Связный список состоит из узлов, каждый из которых содержит элемент данных и ссылку на следующий узел в списке.\n\n![Связный список](https://github.com/NotACat1/algososh/assets/113008873/adf9f495-9f5f-42ad-af4a-a1d7ab464902)\n\n## Инструкция по установке и сборке\n\nЭта инструкция предназначена для разработчиков и технических специалистов, которые хотят установить и собрать проект \"Stellar Burger: Космическая бургерная\" на своем локальном устройстве.\n\n### Предварительные требования\n\n1. **Node.js и npm:** убедитесь, что на вашем компьютере установлены `Node.js` и `npm`. Вы можете скачать их с [официального сайта Node.js](https://nodejs.org/).\n2. **Git:** установите `Git` для клонирования репозитория и управления версиями. Вы можете загрузить его с [официального сайта Git](https://git-scm.com/).\n\n### Установка\n\n1. **Клонирование репозитория:** в терминале выполните команду для клонирования репозитория на вашу локальную машину:\n\n```bash\ngit clone https://github.com/NotACat1/algososh.git\n```\n\n2. **Переход в директорию проекта:** перейдите в директорию проекта:\n\n```bash\ncd ваш-путь-к-репозиторию/stellar-burger\n```\n\n3. **Установка зависимостей:** выполните команду для установки зависимостей проекта:\n\n```bash\nnpm install\n```\n\n### Сборка и запуск\n\n1. **Запуск локального сервера:** для запуска локального сервера разработки выполните:\n\n```bash\nnpm run start\n```\n\nЭто запустит приложение и откроет его в вашем браузере по адресу [http://localhost:3000](http://localhost:3000).\n\n2. **Сборка проекта:** Если вы готовы развернуть проект на сервере, выполните команду для создания оптимизированной для продакшена сборки:\n\n```bash\nnpm run build\n```\n\nСборка будет размещена в папке `build`.\n\n### Дополнительные команды\n\n1. **Развертывание на GitHub Pages:** Если вам нужно развернуть проект на `GitHub Pages`, используйте команду:\n\n```bash\nnpm run deploy\n```\n\nЭто предполагает, что у вас есть репозиторий на `GitHub` и вы настроили его для использования `GitHub Pages`.\n\n2. **Установка Git Hooks:** Для установки `git hooks` (`Husky`) и необходимых прав выполните:\n\n```bash\nnpm run husky-inst\n```\n\nЭта команда устанавливает и настраивает `Husky` для автоматизации проверок при коммите.\n\nТеперь у вас должны быть удовлетворены все предварительные требования, и вы готовы устанавливать, разрабатывать и разворачивать проект \"Сайт космической бургерной Stellar Burger\".\n\n## Технологии\n\n### Основные библиотеки и фреймворки\n\n1. **React**: JavaScript библиотека для разработки пользовательских интерфейсов. React позволяет создавать масштабируемые веб-приложения с использованием компонентного подхода, что делает код более модульным, понятным и легким для поддержки.\n2. **Sass**: Sass (Syntactically Awesome Stylesheets) - препроцессор CSS, расширяющий возможности обычного CSS с помощью переменных, вложенности, миксинов и много других функций. Sass облегчает процесс написания и поддержки стилей, делая их более читаемыми и управляемыми.\n3. **TypeScript**: Язык программирования, расширяющий возможности JavaScript путем добавления статической типизации. TypeScript помогает выявлять ошибки на этапе разработки, повышает читаемость кода и облегчает его поддержку. Благодаря статической типизации TypeScript улучшает процесс разработки, делая его более надежным и эффективным.\n\n### Инструменты для контроля качества кода\n\n1. **ESLint**: Инструмент для статического анализа кода JavaScript с целью выявления и исправления паттернов программирования.\n2. **Prettier**: Инструмент форматирования кода, который автоматически приводит код к установленным стандартам.\n3. **Stylelint**: Линтер для стилей, который проверяет CSS/SCSS на соответствие правилам написания кода.\n4. **HTMLHint**: Инструмент для статического анализа HTML-кода, написанного на JavaScript.\n\n### Инструменты для управления коммитами\n\n1. **Husky**: Инструмент для предотвращения плохих коммитов и предварительного выполнения скриптов перед коммитом.\n2. **Commitlint**: Инструмент для проверки соответствия сообщений коммитов заданным конвенциям.\n\n## Заключение\n\nЗавершая наш проект по созданию визуализатора алгоритмов, мы убеждаемся в важности наглядного и интерактивного обучения в области информатики и программирования. Разработка этого инструмента позволяет студентам более глубоко погрузиться в мир алгоритмов и структур данных, делая процесс изучения более увлекательным и понятным.\n\nИспользование современных технологий, таких как React, Sass и TypeScript, обеспечивает высокую производительность и удобство в использовании. Мы стремились создать интуитивно понятный и эффективный инструмент, который поможет учащимся в освоении сложных концепций программирования.\n\nВместе мы создали не просто программу, а инструмент, способствующий развитию умений и знаний в области информатики. Надеемся, что этот проект станет полезным ресурсом для всех, кто стремится глубже понять мир программирования и алгоритмов.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnotacat1%2Falgososh","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnotacat1%2Falgososh","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnotacat1%2Falgososh/lists"}