Skip to content

A interactive visualization website, featuring multiple classic data structures and sorting algorithms.

Notifications You must be signed in to change notification settings

JJLIN1024/Ultimate_visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ultimate visualizer

Table of Contents

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

  1. Install Node.js.

  2. Install npm.

  3. Install depenencies for frontend and backend respectively.

    For frontend:

        cd frontend && npm install

    For backend:

        cd backend && npm install

Run Node Server

  1. Change into the repo directory: cd Ultimate_visualizer
  2. Run the node server:
        npm run server

Run Client Server

  1. Change into the repo directory: cd Ultimate_visualizer
  2. Run the node server:
        npm start

Roadmap

Frontend

  • Layout -> React
    • NavBar
    • Sorting's Part
    • Data structure's visualization
      • Stack
      • Queue
      • BST
      • Min Heap
      • Max Heap
      • AVL tree
      • Trie
      • Red black tree
    • Registration form
    • (optional) Email subscription
  • API call -> Axios
    • Sorting's Part
    • Data structure's visualization
    • Registration form
    • (optional) Email subscription

Backend

  • Control

    • Sorting algorithm implmentation
    • Data structure's visualization implmentation
    • BST
    • Heap
    • Stack
    • Queue

    (DS down below are optional)

    • Linked-List
    • Leftist heap
  • Model

    • User Registration
    • (optional) Email subscription
  • Deploy

    • Hoist our websitee to the moon! (Github, MS, firebase, Heroku ... )

About

A interactive visualization website, featuring multiple classic data structures and sorting algorithms.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages