Meat Me

• 

  Homepage

• 

  Found a place to eat!

• 

  Enter a chat group

• 

  Create a name and send the first message

• 

  Receive others' responses

Inspiration

MeatMe allows you to set up a time to meet up and eat with other people

What it does

Meat Me allows you to pick a location that serves food. Then, you join a group communication channel corresponding to that location. Then, you talk to other diners, who also happen to look for someone to eat with.

How I built it

I used Firebase mainly for the realtime chat. Since the Google Places API has a unique ID to every restaurant, I assign each restaurant a Firebase messaging queue.

Challenges I ran into

• I ran into a lot of runtime errors.
• A lot of boilerplates that make my project look like spaghetti and at the same time slow me down.
• Incorporating Google API takes me a while due to the complexity of the API.
• Firebase API could be really confusing for beginners like me.
• Lack of sleep.

Accomplishments that I'm proud of

Complete the main use cases.

What I learned

• Learn how to use transaction on Firebase. I have never done transaction programmatically like that (other than SQL transactions maybe?)
• Google Maps APIs are really cool and has a great flexibility.
• Preact.js is faster and lighter than React.js, argumentatively.

What's next for MeatMe

• Adding paginations to the message queue.
• Adding Twillio for group communication is considerable?
• Implementing a backend server that removes messages and users daily.
• There will need to be a better user interface.
• Maybe there should be a sign-in mechanism? Still, I think it's better this way: no sign-ins, no sign-ups, just strangers trying to meet up and connect.

Built With

• bootstrap-4
• firebase
• google-maps
• javascript
• jquery
• preact.js