> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/Chalarangelo/30-seconds-of-code/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome to 30 seconds of code

> Coding articles to level up your development skills

30 seconds of code is a curated collection of code articles covering a wide range of development needs. Browse hundreds of articles spanning many topics, from simple coding problems to theoretical concepts and development techniques.

## What you'll find here

The collection includes articles for various programming languages and technologies:

<CardGroup cols={2}>
  <Card title="JavaScript" icon="js" href="https://30secondsofcode.org/js/p/1">
    ES6 helper functions, array manipulation, DOM utilities and Node.js tools
  </Card>

  <Card title="React" icon="react" href="https://30secondsofcode.org/react/p/1">
    Component patterns, hooks and best practices for React development
  </Card>

  <Card title="Python" icon="python" href="https://30secondsofcode.org/python/p/1">
    Python utilities, algorithms and data structure implementations
  </Card>

  <Card title="CSS" icon="css3" href="https://30secondsofcode.org/css/p/1">
    Styling techniques, layouts and visual effects
  </Card>
</CardGroup>

## How to use this site

Search for articles and collections that suit your needs using the name, tags, language or description. Each article includes:

* Code snippets with syntax highlighting
* Clear explanations of how the code works
* Practical examples demonstrating usage
* Links to related articles and concepts

<Note>
  Browse all [articles](https://30secondsofcode.org/snippets/p/1) or individual [collections](https://30secondsofcode.org/collections/p/1) for each topic.
</Note>

## About the project

This repository is maintained by [Angelos Chalaris](https://github.com/Chalarangelo). All code snippets are licensed under the [CC-BY-4.0 License](https://creativecommons.org/licenses/by/4.0/), unless explicitly stated otherwise.

The website is powered by:

* [Netlify](https://www.netlify.com/) for hosting and deployment
* [Astro](https://astro.build/) for static site generation
* [GitHub](https://github.com/) for version control and collaboration
* [Unsplash](https://unsplash.com/collections/9387655/30-seconds-of-code-images) for photography

If you like the project, give it a star on GitHub. It means a lot to the maintainers and helps others discover the content.