Hacktoberfest 2021: Announcing StepZen's Goals
Tags: hacktoberfest, react, graphql, nuxt
Published: 2021-09-17 19:00:02

_[Written by Lucia Cerchie and Anthony Campolo, originally posted on StepZen](https://stepzen.com/blog/announcing-stepzens-hacktoberfest-goals-21)_

We're excited to announce that we're participating in Hacktoberfest this year! 🎃

Hacktoberfest is a month-long celebration of open source! It [encourages participation](https://hacktoberfest.digitalocean.com/) in the open source community by completing pull requests and contributing to open source repositories in other ways (like writing thorough issues).

Our sample repositories illustrate how you can use a StepZen GraphQL data layer to orchestrate different types of backends like databases, REST APIs, and GraphQL APIs. We're hoping to provide you with an opportunity to dive deeper into GraphQL while you participate in open source this Hacktoberfest.

> Prefer learning by video rather than by blog post? [View our walkthough](https://www.youtube.com/watch?v=4B6xVyEc_CY&t=1080s).

We love our sample repositories and we're super excited to teach and learn alongside with you!

As a plus, with every PR you merge or pairing session you complete, we'll send you a StepZen sticker! Besides that, [Digital Ocean tracks the number of PRs](https://hacktoberfest.digitalocean.com/resources/participation) with the `hacktoberfest` label that you merge and will send you a t-shirt if you merge 4.

Let's take a look at the repositories that we'll be flagging as eligible for Hacktoberfest this year.

## StepZen SpaceX React App

![homepage screenshot](https://codimd.s3.shivering-isles.com/demo/uploads/upload_7bddd643df8f93dd101149ad39700e7f.png)

[This project](https://github.com/stepzen-samples/stepzen-spacex-graphql) is an instance of a React App with a StepZen data layer connected to the SpaceX Land API. We've got a few got a few goals for the repository that we'd like to work towards with you:

1. GraphQL Documentation - the GraphQL schema is partially documented. [Help us get to 100% coverage](https://github.com/stepzen-samples/stepzen-spacex-graphql/issues/11)!

2. REST API Integration - We'd love [to integrate the SpaceX REST API](https://github.com/stepzen-samples/stepzen-spacex-graphql/issues/13) as well as the GraphQL API for full API goodness and integration in StepZen's data layer!

3. Other - We've also got some [other issues](https://github.com/stepzen-samples/stepzen-spacex-graphql/issues) having to do with things like styling and React components that we'd love help with! You can find them with the label `hacktoberfest`.

## Stepzen Nuxt Mountains

![homepage screenshot](https://codimd.s3.shivering-isles.com/demo/uploads/upload_9188d7c401239d37238a71d9c82af226.png)

[This project](https://github.com/stepzen-samples/stepzen-nuxt) is a Nuxt app with a StepZen data layer that connects to the [Mountains REST API](https://api.nuxtjs.dev/mountains) provided in the official [Nuxt documentation](https://nuxtjs.org/docs/2.x/features/data-fetching). We currently have open issues for a variety of improvements including:

1. Dynamic Routes - Create a separate page for each mountain with Nuxt's [dynamic routing](https://github.com/stepzen-samples/stepzen-nuxt/issues/4).

2. Expand Schema - Build out the rest of the schema with the remaining [mountain types](https://github.com/stepzen-samples/stepzen-nuxt/issues/9).

3. Other - Check out the [other issues](https://github.com/stepzen-samples/stepzen-nuxt/issues) with the `hacktoberfest` label for improvements to testing, accessibility, styling, and more.

## Where to go from here:

Check out our sample repos and comment on any issue with the label `hacktoberfest` to claim it!

- [StepZen React SpaceX](https://github.com/stepzen-samples/stepzen-spacex-graphql)
- [StepZen Nuxt Mountains](https://github.com/stepzen-samples/stepzen-nuxt)