Fibonacci School of Algorithms

Demo

Description in Russian / Описание на русском

---

Website with visualization of algorithms and data structures. Project goals:

• Step-by-step visualization of algorithm operations.
• Comprehensive unit and end-to-end testing coverage. The project was built using ready-made components. Design project

Technologies

Development

• HTML/CSS
• TypeScript
• React

Testing

• Jest - unit testing of components
• Cypress - end-to-end testing

Visualized Algorithms and Data Structures:

String

Recursive string reversal.

Fibonacci Sequence

Generation of n numbers in the Fibonacci sequence.

Array Sorting

Selection and bubble sorting of am array in ascending and descending order.

Stack

Adding and removing elements from the stack data structure.

Queue

Adding and removing elements from the queue data structure - at the beginning, at the end, and by index.

Linked List

Adding and removing elements from the linked list - at the beginning, at the end, and by index.

Project Setup

npm install - install dependencies

npm start - run the application in development mode, view in the browser at http://localhost:3000

npm run test - run tests

---

МБОУ АЛГОСОШ им. Фибоначчи

Демо

Сайт с визуализацией алгоритмов и структурх данных. Цели проекта:

• поэтапно отобразить работу алгоритмов,
• покрыть приложение unit и e2e тестами Проект свёрстан с использованием готовых компонентов, дизайн проекта

Технологии

разработка

• HTML/CSS
• Typescript
• React

тестирование

• Jest - unit-тестирование компонентов
• Cypress - сквозное тестирование

Визуализированы алгоритмы и структуры данных:

Строка

Рекурсивный разворот строки

Последовательность Фибоначчи

Генерация n чисел последовательности Фибоначчи.

Сортировка массива

Сортировки массива выбором и пузырьком, по возрастанию и убыванию

Стек

Удаление и добавление элементов в структуру данных стек

Очередь

Удаление и добавление элементов в структуру данных «очередь» - в начало, в конец и по индексу

Связный список

Удаление и добавление элементов в связный список - в начало, в конец и по индексу

Запуск проекта

npm install - установка зависимостей

npm start - запуск приложени я врежиме разработки, просмотр в браузере - http://localhost:3000

npm run test - запуск тестов