# Introducing 🏡 HouseBid - The next-gen bidding platform 🪄

# 🏡 Introduction

HouseBid is an open source bidding platform, where property owners could list their properties, then allow interested customers to bid from the property. 

The auctions are usual, the bidder with the highest bid will be automatically chosen as the winner, and will have to pay for the property at the end.

# 🚶‍♀️ App Walkthrough

What’s better than a demo? Here’s one just for you...

%[https://www.youtube.com/watch?v=jCt1MG7Ek28]

PS: This was my first ever time trying motion-design, would be flattered to hear any feedback :)

## 🏘 Home Page

![Home-low.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799650621/eCrrcJdVb.png)

## 🎧 Single Product Page

![Product-Page.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799662470/hohg0a63L.png)

## 🙉 Listings Page

![Listings.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799689301/JR8Nfp3ia.png)

## 🎭 Activity Page

![Activity.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799700779/ymkJOStWi.png)

# 🤩 Some Features

I’ve put in extra effort to ensure the project is more than just a concept, and could even be used as a real application

### 🪄  Verification using Stripe

![user.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799867257/jt_NhMsHT.png)

### 🧑‍💻 Bid Anonymously

![Anonymous.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799881950/8kt3HpxYS.png)

### 📈 Specify Increments

![increment.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799891110/ADGCpsmmJ.png)

### 💳 Seamless Wallet Integration

![wallet.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799910197/edktsTSES.png)

### 🌙 Dark Mode

![dark.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799921054/r6rPZ3iS0.png)

### 🏷 List under several tags

![listing.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1648799927166/eMsTxzWU-.png)

# 📐 Tech Stack

I’ve created HouseBid using the following open-source technologies:

- Hausra + GraphQL: For the awesome and easy-to-implement backend
- NextJS: As the frontend of the app
- Vercel: Deployment solution for the app
- Sass: For styling the app
- Figma: For designing the app, and it’s user flow
- Oracle Cloud: For hosting the database and other crucial parts of the app

# 😈 Hasura's Role

After thinking about what to make for a hackathon, I decided to go with an app that demonstrates everything Hasura has to offer:

- 🪄 Reliable CRUD operations
- 🗝 Seamless 3rd Party Role-based Authorization
- 👑 Blazing fast live-updates through subscriptions

# 🛣 Roadmap

The application will be going to have a lot of features in the coming months, and the possibilities are virtually endless. That’s why I have a lot on the white board

# 👋 Conclusion

There’s a lot that got into the project, and I would love to have you review it.

Also, you know the drill. If you found this article helpful or the app awesome, do let me know in the comments, and I would love to hear the feedback.

# Useful Links

- 😺 GitHub Repo - https://github.com/Just-Moh-it/HouseBid
- 🚀 Project Demo Link - https://house-bid.vercel.app