Learnod is an interactive learning platform that combines video tutorials with hands-on coding practice. It features a built-in code editor and video player, allowing users to learn programming concepts while practicing them in real-time.
- 🎥 Integrated YouTube Video Player
- 💻 Built-in Code Editor with Syntax Highlighting
- 🌓 Dark/Light Mode
- 🔄 Real-time Code Execution
- 📱 Responsive Design
- 🎨 Beautiful UI with Tailwind CSS
- HTML
- JavaScript
- Python
- JSON
- Node.js (v14 or higher)
- npm or yarn
- Python (for Python code execution)
- Clone the repository:
git clone https://github.com/yourusername/learnod.git
cd learnod- Install dependencies:
# Install frontend dependencies
npm install
# Install backend dependencies
cd server
npm install- Start the development servers:
# Start the frontend (from root directory)
npm start
# Start the backend (from server directory)
npm startThe application will be available at http://localhost:3000.
learnod/
├── public/ # Static files
├── src/ # Frontend source code
│ ├── components/ # React components
│ ├── services/ # API services
│ └── styles/ # CSS styles
├── server/ # Backend server
│ ├── routes/ # API routes
│ └── services/ # Code execution services
└── package.json # Project dependencies
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.