# Quickstart

### Welcome to HackHCC Edgerunners!

This beginners track is for hackers who need help getting started with creating a **full-stack application**. It comprises multiple sections that will go from creating the front end to creating a backend to calling APIs.

For your benefit, we will have plenty of external resources to reference throughout the process. Don’t forget that Google is your best friend! Additionally, you have access to any AI model that can help you in this journey. Furthermore, we have mentors on deck at all times so feel free to come down to the lobby!

Remember: The most important thing to do at a hackathon is to learn. Copying and pasting all of this code into your IDE will do you **zero good** and will simply be a waste of your time. Please focus on understand the main concepts and implement what you have learned!

Have passion, aspire for excellence. You are capable! Apply yourself and everything will work out.

### FAQ:

* **This is not my first hackathon, am I still allowed to use this?**
  * We encourage anyone with even the slightest bit of experience to build their own unique and creative solution. However, we still believe this to be an incredibly powerful resource to help you instantiate your project. And who knows, maybe you’ll find the inspiration to pivot to take the general track.
* **Can I do this project and turn it into something else?**
  * Yes! Though there is a major time crunch of 24 hours, say you crank out this guide within a few hours and feel ready to build something on your own… go for it! Even transforming this project with a new concept and design is an effective way of exercising creativity.
* **I finished the project with a lot of time left, what now?**
  * This is where you can express your creativity and differentiate your project from the others! The 💫 bonus page of this guide shows the next steps after completion. A few general options include:
    * Restyling the UI to look more appealing
    * Integrating more APIs
    * Altering the purpose of the project itself with new functionality and theme.
    * Pivot to a the general track
      * *Note*: If you decide to pivot away, you cannot submit to the Beginners track.

#### For everyone:

* [📒 All Resources](/hackhcc-docs/beginners-track/getting-started/all-resources.md)
* [📜 Installation Guide](/hackhcc-docs/beginners-track/getting-started/installation-guide.md)
* [💫 Bonus](/hackhcc-docs/beginners-track/bonus/bonus.md)

#### Frontend:

* 🧑‍💻 Project Setup
* 🎲 Your first component!
* 💡 Creating the Featured Item
* 💳 Making Cards in NextJs
* 📦 Making Reusable Cards in NextJs with Custom Data
* 🌐 Routing

#### Backend:

* 🔥 Connecting a Backend (Firebase)
* ⁉️ User Authentication (Firebase)
* ⛅️ Connecting an API (Weather)
* 💩 CRUD using Firestore


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hackhcc.gitbook.io/hackhcc-docs/beginners-track/getting-started/quickstart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.