visual-data-structure

Visual Data Structure

This repository contains a web application to visualize and teach the data structures.

🟥This project developed for "Project-1" course in grade 3 term spring.🟥

Explore the docs »
·Report Bug·

Türkçe (Not Finished yet.)

English

About The Project
- Abstract
- Project Details
  - Database
  - API
  - Frontend
  - Docker
- Built With
Getting Started
- Prerequisites
- Installation
Contact

About The Project

Abstract

Data structures are important concepts that play a fundamental role in computer science. They are used to organize and effectively manipulate data. Data structures are designed to perform basic operations such as storing, accessing, inserting and deleting data items. Effective use of data structures improves performance, optimizes memory usage, and provides an overall more efficient programming experience. In this project, a web-based application was made to facilitate and facilitate learning by providing the educational content and visualization of such an important field.

(back to top)

Project Details

Database

MySQL used in this project as a relational database. We have those tables and relations in this database what mentioned below:

API

Spring Boot Framework used to develop API in this project. We have those endpoints and its JSON templates in this API what mentioned below

Docker

Docker used to install project easily in this project. We have three subimage in visualdatastruct container;

app-client This is frontend react service in running on localhost:3000

app-server This is Spring Boot API service in running on localhost:8080

docker-db-datastructurecourse This is MySQL server in running on localhost:3306

Built With

Getting Started

Prerequisites

Docker Engine
3000, 8080, 3306 ports must be available. If unavailable one of them you can change it with available ports in ./dockercompose.yml

Installation

Clone the repo

git clone https://github.com/kerimsenturk5734/visual-data-structure

Be sure that Docker Engine is running.
Run following code in ./visualdatastruct location. It will take a while when installing dependencies, be patient.
```
docker-compose up
```
After installation, you will see the green light visualdatastruct container running on Docker Desktop.
Open the browser and locate to localhost:3000 (If you have changed the port then put into ./dockercompose.yml new port instead of 3000)