Skip to content

mk-knight23/58-learn-python-examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

40 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

58 Learn Python Examples

Part of the 60 Projects Ecosystem | March 2026 Upgrade

πŸ“‹ Overview

A modern web application built with Node.js, React, Vite, Python, HTML/CSS/JS.

✨ Features

  • πŸš€ Fast and responsive design
  • πŸ“± Mobile-first approach
  • β™Ώ Accessible (WCAG 2.1 AA)
  • πŸ”’ Security best practices
  • πŸ§ͺ Comprehensive testing
  • πŸ“¦ Production-ready deployment

πŸ› οΈ Tech Stack

Frontend:

  • React 19
  • Vite

Backend:

  • Python 3.12+

πŸš€ Quick Start

Prerequisites

  • Node.js 22+ and npm
  • Python 3.12+

Installation

# Clone the repository
git clone https://github.com/mk-knight23/58-learn-python-examples.git
cd 58-learn-python-examples

# Install dependencies
npm install

# Start development server
npm run dev

# Create virtual environment
python -m venv venv
source venv/bin/activate  # On Windows: venv\Scripts\activate

# Install dependencies
pip install -r requirements.txt

The application will be available at http://localhost:3000 (or check console output).

πŸ§ͺ Testing

# Run tests
npm test

# Run tests with coverage
npm run test:coverage

# Run Python tests
pytest

πŸ—οΈ Build

npm run build

πŸš€ Deployment

This project is configured for deployment to multiple platforms:

Vercel

Deploy with Vercel

Netlify

Deploy to Netlify

GitHub Pages

Automatically deployed via GitHub Actions on push to main branch.

πŸ“ Project Structure

58-learn-python-examples/
β”œβ”€β”€ πŸ“ docs/                 # Documentation
β”‚   └── πŸ“ Project-Brain/    # Project knowledge base
β”œβ”€β”€ πŸ“ src/                  # Source code
β”œβ”€β”€ πŸ“ public/               # Static assets
β”œβ”€β”€ πŸ“ tests/                # Test suites
β”œβ”€β”€ πŸ“„ README.md             # This file
└── πŸ“„ package.json          # Dependencies

See Project Brain for detailed architecture.

🧠 Project Brain

The docs/Project-Brain/ folder contains:

  • Complete project documentation
  • Architecture decisions
  • How everything works
  • Getting started for new developers
  • Deployment guides

🀝 Contributing

Contributions are welcome! See CONTRIBUTING.md for guidelines.

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

πŸ“„ License

MIT License - see LICENSE for details.

πŸ‘€ Author

Kazi Musharraf

πŸ™ Acknowledgments


March 2026 Upgrade

This project was comprehensively upgraded in March 2026 with:

  • βœ… Cleaned up unnecessary files
  • βœ… Organized documentation structure
  • βœ… Created comprehensive Project Brain
  • βœ… Added multi-platform deployment configs
  • βœ… Enhanced testing infrastructure
  • βœ… Updated to latest best practices
  • βœ… Automated with GitHub Actions

Agents Used: ZEUS, ATLAS, ORACLE, FORGE, HERMES, TITAN


Last updated: 2026-03-16

About

React 19 + TypeScript visual Python learning system. Interactive animations for algorithms, fundamentals, and projects. Features: Framer Motion + Zustand + Sorting visualizations + Mini projects + Beginner-friendly.

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Packages

 
 
 

Contributors