Table of Contents

1. Technology used
2. Getting started
3. File Contents of folder
4. Learn More
5. References

Algo Visualizer

Algo Visualizer is a collection of sorting algorithms, complete with visualizations, designed to help learn and practice algorithms.
Explore the docs »

See Project · Report Bug · Request Feature

Technology used

Getting Started

1. Clone the repo

   git clone https://github.com/gdcho/algo_v

2. Install NPM packages

   npm install

3. Build and Run the server

    npm run build
    npm run dev
    # or
    yarn build
    yarn dev
    # or
    pnpm build
    pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

File Contents of folder

📦
├── README.md
├── app
│   ├── components
│   ├── favicon.ico
│   ├── lib
│   └── redux
├── next-env.d.ts
├── next.config.js
├── package-lock.json
├── package.json
├── pages
│   ├── _app.tsx
│   ├── _document.tsx
│   └── index.tsx
├── postcss.config.js
├── public
│   └── images
├── styles
│   └── globals.css
├── tailwind.config.ts
└── tsconfig.json

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

To learn more about Redux, take a look at the following resources:

• Redux Documentation - learn about Redux features and API.
• Redux Tutorial - an interactive Redux tutorial.

To learn more about Redux-Saga, take a look at the following resources:

• Redux-Saga Documentation - learn about Redux-Saga features and API.
• Redux-Saga Tutorial - an interactive Redux-Saga tutorial.

References

NextJS · Redux · Redux-Saga · Sorting Algorithms