Visulax 2.0

Welcome to Visulax 2.0 - the ultimate platform for algorithm visualization, now with integrated user authentication!!🔏✨

This is the updated version of the Visulax algorithm visualizer. Explore the previous version here.

Live Preview https://visulax2.netlify.app

_

What's New?

User Authentication API Integration:

• Sign-Up and Sign-In functionalities.
• Input Validation using Zod to ensure data integrity.
• Password Hashing for enhanced security using bcrypt.

Enhanced Responsiveness

Visulax 2.0 is highly responsive, ensuring a seamless user experience across various devices.

Endpoints:

Sign-Up:

• URL: /signUp

• Method: POST

• Body:

  {
      "name": "Your Name",
      "email": "your.email@example.com",
      "password": "YourPassword123"
  }

• Response:

  • Success: { "msg": "Sign Up Successful" }
  • User Already Exists: { "msg": "User Already Exist" }
  • Validation Error: { "msg": "Password must contain at least one uppercase letter and one number" }
  

Sign-In:

• URL: /signIn

• Method: POST

• Body:

  {
      "email": "your.email@example.com",
      "password": "YourPassword123"
  }

• Response:

  • Success: { "msg": "Signing in successfully" }
  • Wrong Password: { "msg": "Wrong password" }
  • User Not Found: { "msg": "User not found" }
  

Usage

• Navigate through different algorithm visualizations using the links provided on the main page.
• Click on "Login" to access the admin panel.
• Explore different sorting, searching, tree, graph, sieve of Eratosthenes, and recursion algorithms.
• Follow the instructions on each page to see how the algorithms work in real-time.

Project Structure

Visulax/        
├── Authentication
│   ├── app.js
│   ├── connection
│   │   └── mongoose.js
├── ├──middlewares
│   │   ├── signIn.js          
│   │   └── signUp.js 
│   ├── model.js
│   ├── zod.js
├── frontend
│   ├── Container
│   │   ├── Components
│   │   │   ├── Graph
│   │   │   ├── Recursion
│   │   │   ├── Searching
│   │   │   ├── Sieve of Eratosthenes
│   │   │   ├── Sorting
│   │   │   ├── Tree
│   │   ├── Login
│   │   ├── Theme
│   ├── images
│   ├── index.css
│   ├── index.html
│   └── index.js
└── README.md

Contributing

If you'd like to contribute additional visualizations or features, please feel free to fork the repository and submit a pull request 😁😁.