Inspiration

AirBnB for workspaces. For groups and individuals who don't have their own office, there's no shortage of co-working spaces but a lot of times what those spaces lack is community. It's hard to connect with others around you if you're a programmer and they're accountants, for example.

Where the Hack is specifically tailored for the tech community. Developers, designers, digital marketers, etc. We want to build tools that bring this community together. Not just to hang out but to collaborate and learn from each other.

What it does

Using your location, Where the Hack will find places for you to work nearby and events going on in the tech community you might want to know about. For places with limited space, you can reserve a spot through our app. Anyone can add a place so others know they can come in and work there. As a host you can manage your profile and spots available.

How We built it

We used react and react-native to build both iOS and Android apps simultaneous. Set up a Graphcool server, using Relay and GraphQL to work with data.

Challenges we ran into

Learn GraphQL and Relay well enough to build a working product in a short timeframe.

GraphQL subscriptions are great! We have real-time data on what's going on in the community, what places are 'hot', etc.

Sharpening react-native skills and deploying on it for the first time.

Accomplishments that We're proud of

Learn GraphQL and Relay in a short timeframe and be able to make an usable product!

GraphQL Subscriptions are supercool and we could provide a real-time info for the users reservations for a place spot.

We understand that we need to refactor a lot of code and make React components more reusable, but that's what we could build in our timeframe, learning about Relay and GraphQL, also sharpening react-native skills and the very first deployment of it.

What We learned

React-Native, Relay, GraphQL and it's data architecture - deploy and publish a react-native and Expo app.

What's next for WHERE THE HACK

  • Add places fee's and payments to incentivize hosts
  • Directory of events the community wants to know about
  • Build a ranking system to reward people as they log more hours and places as they host more people
  • Integrate with other social networks like LinkedIn, GitHub and Twitter.
  • Share check-ins and invite friends
  • Auto checkout based on geolocation

Demo Instructions

Open Where The Hack under the Expo demo App from your iPhone or Android.

https://expo.io/@leordev/where-the-hack

Installation instructions

Clone the repository in the root folder and run npm install

Now run npm install relay-plugin and set the correct path on .babelrc. Usually it's something like ./node_modules/babel-plugin-relay

Create an env.js file in the root folder with the following content:

export default {
    AWS_S3_ACCESS_KEY : 'YOUR_S3_ACCESS_KEY',
    AWS_S3_SECRET_KEY : 'YOUR_S3_SECRET_KEY',
}

You can also play with constants in src/constants.js and the GraphQL environment in src/Environment.js and src/GcEnvironment.js.

Install Expo XDE on your machine and load the root folder.

Click in Device > iOS simulator or Android and have fun! :)

Share this project:
×

Updates