> ## Documentation Index
> Fetch the complete documentation index at: https://docs.firstcommit.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Learning Resources for First-Time Builders

> Discover curated learning resources for Git, web development, mobile apps, and backend APIs to help you build your first hackathon project.

You don't need to be an expert to build something awesome at Beginner's Paradise. In fact, the best way to learn is by building. This page collects trusted, beginner-friendly resources you can use to pick up skills as you go. Dive into a topic when you need it, and don't worry about "finishing" a tutorial before you start coding.

<CodeGroup>
  ```text Terminal theme={null}
  # The best first commit is the one you make today
  ```
</CodeGroup>

<CardGroup cols={2}>
  <Card title="Git & GitHub" icon="code-branch">
    <p>Version control and collaboration basics you will need for every project.</p>

    <ul>
      <li><a href="https://docs.github.com/en/get-started">GitHub Beginner Guide</a> — official docs for your first repo, commits, and branches</li>
      <li><a href="https://skills.github.com/">GitHub Skills</a> — interactive courses that walk you through real workflows</li>
      <li><a href="https://www.youtube.com/github">Git & GitHub Tutorial</a> — video tutorials from the GitHub YouTube channel</li>
    </ul>
  </Card>

  <Card title="Programming Fundamentals" icon="code">
    <p>Learn core programming concepts in your chosen language.</p>

    <ul>
      <li><a href="https://www.freecodecamp.org/">freeCodeCamp</a> — free, project-based curriculum from HTML to Python</li>
      <li><a href="https://www.theodinproject.com/">The Odin Project</a> — full stack web development with real assignments</li>
      <li><a href="https://www.w3schools.com/">W3Schools</a> — quick references and bite-sized tutorials</li>
    </ul>
  </Card>

  <Card title="Web Development" icon="globe">
    <p>Build websites and web apps with modern tools and frameworks.</p>

    <ul>
      <li><a href="https://developer.mozilla.org/">MDN Web Docs</a> — the definitive reference for HTML, CSS, and JavaScript</li>
      <li><a href="https://react.dev/">React Documentation</a> — official guide to the popular frontend library</li>
      <li><a href="https://nextjs.org/docs">Next.js Documentation</a> — full stack React framework for production apps</li>
    </ul>
  </Card>

  <Card title="Mobile Development" icon="mobile-screen-button">
    <p>Create mobile apps for iOS and Android using JavaScript.</p>

    <ul>
      <li><a href="https://reactnative.dev/">React Native</a> — official docs for building native mobile apps with React</li>
      <li><a href="https://docs.expo.dev/">Expo</a> — toolkit and platform to build, preview, and ship React Native apps</li>
    </ul>
  </Card>

  <Card title="Backend & APIs" icon="server">
    <p>Add databases, authentication, and serverless backends without building your own server.</p>

    <ul>
      <li><a href="https://firebase.google.com/docs">Firebase</a> — Google's platform for app development with real-time databases and auth</li>
      <li><a href="https://supabase.com/docs">Supabase</a> — open source Firebase alternative with PostgreSQL databases and instant APIs</li>
    </ul>
  </Card>
</CardGroup>

<Note>
  You don't need to learn everything before you start. Pick one topic, build something small, and learn as you go. Hackathons are the perfect excuse to ship before you feel ready.
</Note>