🎓 CSLab: Interactive Computer Science Learning Platform

An interactive web application designed to help students visualize and understand computer science algorithms through hands-on simulations and comprehensive explanations.

🌐 Live Demo

Visit the app: https://cslabv1.tech

✨ Features

📚 Comprehensive Algorithm Coverage

The platform includes interactive visualizations and explanations for algorithms across multiple computer science domains:

• 🤖 Artificial Intelligence: A* Search, Genetic Algorithms, Minimax, Perceptron, State Space Search
• ⚙️ Automata Theory: DFA Acceptance, CFG Parsing, Regex to DFA Conversion
• 🗜️ Compression Algorithms: Huffman Coding, LZW Compression, Run-Length Encoding
• 🌐 Computer Networks: CSMA/CD, Distance Vector Routing, ARQ Protocols, Leaky Bucket
• 🔐 Cryptography: Caesar Cipher, RSA Encryption
• 📊 Data Mining: Apriori, DBSCAN, K-Means, Naive Bayes
• 💾 Database: Normalization, Serializability, Transaction Schedules
• 💿 Disk Scheduling: FCFS, SCAN, C-SCAN, SSTF
• 🔧 Error Control: CRC, Checksum, Hamming Code, Parity Bits
• 🗺️ Graph Algorithms: BFS/DFS, Dijkstra's, Bellman-Ford, Kruskal's, Prim's
• ⚡ Logic Circuits: Boolean Algebra, K-Maps, Logic Gates
• 🧠 Memory Management: FIFO, LRU, Optimal Page Replacement
• 🔢 Number Systems: Base Conversion, IEEE 754, Two's Complement
• 🖥️ Operating Systems: CPU Scheduling (FCFS, SJF, Priority, Round Robin), Banker's Algorithm
• 🔄 Sorting Algorithms: Bubble, Insertion, Merge, Quick, Selection Sort
• 📈 Statistical Analysis: Linear Regression, Z-Test, T-Test

🎨 Interactive Features

• Real-time Visualizations: Step-by-step algorithm execution with visual feedback
• Customizable Inputs: Modify parameters to see how algorithms behave with different data
• Code Display: View implementation code for each algorithm
• Detailed Explanations: Comprehensive articles explaining algorithm theory and applications
• Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• Dark Mode UI: Modern, eye-friendly interface with smooth animations

🚀 Tech Stack

• Frontend Framework: React 19.1.1 with TypeScript
• Build Tool: Vite 6.2.0
• Styling: Tailwind CSS
• Animations: Framer Motion 12.23.12
• Deployment: GitHub Pages
• Custom Domain: cslabv1.tech

🛠️ Installation & Local Development

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Setup Instructions

1. Clone the repository:

   git clone https://github.com/S37F/CS_Lab.git
   cd CS_Lab

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser: Navigate to http://localhost:3000

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build locally

📦 Build for Production

npm run build

The optimized production files will be generated in the dist/ directory.

🤝 Contributing

Contributions are welcome! If you'd like to add new algorithms or improve existing ones:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/new-algorithm)
3. Commit your changes (git commit -m 'Add new algorithm')
4. Push to the branch (git push origin feature/new-algorithm)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

S37F

• GitHub: @S37F

🙏 Acknowledgments

• Built with React and Vite for optimal performance
• UI components styled with Tailwind CSS
• Animations powered by Framer Motion
• Deployed on GitHub Pages

📞 Contact

For questions, suggestions, or feedback, please open an issue on GitHub or visit cslabv1.tech.

---

⭐ If you find this project helpful, please consider giving it a star on GitHub!