Skip to content

The easiest way to learn JavaScript: vibe coding with a cookbook approach.

Notifications You must be signed in to change notification settings

satoshiman/vibecode

Repository files navigation

VibeCode - Learn JavaScript by Building

A modern, interactive JavaScript learning platform that teaches programming through practical projects. Built with React, TypeScript, and Tailwind CSS.

🎯 Philosophy

Build First, Understand Later - We believe the best way to learn JavaScript is by actually building things. This platform provides a cookbook approach with practical recipes that guide you from zero to full-stack developer.

📚 Learning Content

This platform provides comprehensive JavaScript learning materials that are continuously updated with new content and improvements.

🛠️ Environment Setup

  • Step-by-step guides for setting up your development environment
  • Node.js installation and verification
  • VS Code configuration with essential extensions
  • Terminal basics and project initialization

📚 Core Fundamentals

  • Variables & Data Types - Store and manipulate data
  • Functions - Reusable blocks of code
  • Objects & Arrays - Organize complex data
  • Control Flow - Make decisions and automate tasks
  • Asynchronous Basics - Handle operations that take time
  • Modules & Imports - Organize code into maintainable pieces

🚀 Vibe Code Cookbook

6 practical milestones that take you from beginner to full-stack developer:

  1. Run Your First JavaScript Script - Experience instant feedback
  2. Build a Simple HTTP Server - Create your first backend
  3. Create Your First API Endpoint - Serve real data
  4. Connect Frontend to Backend - Full-stack workflow
  5. Build a React Interface - Modern UI development
  6. Ship a Real Project - Deploy to production

This learning content is regularly updated to ensure you have access to the latest JavaScript development practices and trends.

👨‍💻 Author

Truong Ngoc Vuong

Website: https://github.com/satoshiman

💻 Tech Stack

  • Frontend: React 19, TypeScript, Vite
  • Styling: Tailwind CSS v4, shadcn/ui components
  • Icons: Lucide React
  • Build Tools: Vite, ESLint
  • UI Components: Radix UI primitives

Built with ❤️ for the JavaScript community. Happy coding!

About

The easiest way to learn JavaScript: vibe coding with a cookbook approach.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages