Skip to content

Repository files navigation

JavaScript Playground

A collection of JavaScript, TypeScript, React, and Node.js practice projects, algorithms, and coding challenges — organized by topic.

Repository Structure

Javascript-playground/
├── algorithms-dsa/       # Data structures, algorithms & interview practice
│   ├── DSA/
│   ├── Leetcode/
│   ├── amazon/
│   ├── codility/
│   ├── arrays/
│   ├── strings/
│   └── preparations/
├── js-fundamentals/      # Core language concepts
│   ├── js1/
│   ├── corejs/
│   ├── classes/
│   ├── objects/
│   ├── Hoisting/
│   ├── ErrorHandling/
│   └── General/
├── react-frontend/       # React, state management & frontend UI
│   ├── hooks/
│   ├── statemanagement/
│   ├── statemanagement2/
│   ├── advancedstatemanagement/
│   ├── react-tuto/
│   ├── frontendJS/
│   ├── animations/
│   ├── forms/
│   └── modernlandingpage/
├── backend-node/         # Node.js, APIs, databases & caching
│   ├── backendjs/
│   ├── nodecore/
│   ├── apis/
│   ├── usingPrisma/
│   ├── Caching/
│   └── web-meeting-server1/
├── auth-security/        # Authentication & access control
│   ├── oauth/
│   ├── githubAuth/
│   ├── social_authentication/
│   └── rolesbased/
├── projects/             # Small full applications
│   ├── todoApp/
│   ├── Todo2/
│   └── SimpleGames/
├── files-media/          # File system & media handling
│   ├── filesH/
│   └── media/
├── typescript/           # TypeScript examples
└── LICENSE

Getting Started

git clone https://github.com/Ritahchanger/Javascript-playground.git
cd Javascript-playground

# Plain JS files
node path/to/file.js

# Projects with their own package.json
cd category/project-name
npm install
npm start   # or: npm run dev

Categories

  • algorithms-dsa — LeetCode, Codility, Amazon interview questions, core DSA implementations
  • js-fundamentals — closures, prototypes, hoisting, error handling, OOP
  • react-frontend — hooks, state management (Context, Redux, Zustand), animations, forms
  • backend-node — Node.js core, Express APIs, Prisma ORM, caching, a web-meeting server
  • auth-security — OAuth, GitHub auth, social login, role-based access control
  • projects — small full apps (todo apps, simple games)
  • files-media — file system operations, camera/audio/video handling
  • typescript — interfaces and type examples

Contributing

New solutions and small projects are welcome — place them under the matching category, or create a new one if nothing fits.

License

See LICENSE.

About

A curated collection of JavaScript code snippets, algorithms, mini-projects, and practice challenges to enhance coding skills. Explore concepts in vanilla JavaScript, frameworks, LeetCode problems, and more through hands-on practice.

Topics

Resources

Stars

10 stars

Watchers

2 watching

Forks

Releases

Packages

Used by

Contributors

Languages