IdeaHub

Generating ideas for you

Comment

Inspiration

It was 11:30 PM. We were brainstorming our idea for DeerHacks for the last hour. We had nothing. So we decided to create a project that helps people find ideas more effectively.

What it does

IdeaHub is a web application that provides users with ideas for hackathons, bird courses, travel ideas and funny YouTube videos. The website is based on users contributing ideas.

How we built it

IdeaHub is a full-stack web application. We created a simple backend Django backend with the following two endpoints:

GET: /ideas. An API endpoint to get a random idea with a specific POST: /ideas. An API endpoint that takes an idea and stores

These two endpoints take the provided idea along with the corresponding category and store the results.

On the front-end side we used React and Chakra UI. We used CSS keyframes to create the animations and make the user experience smooth.

We connected the front-end and the backend through axios and HTTP

Challenges we ran into

Two of our originally planned team members had to leave the hackathon due to other commitments they had. As a result we had to adapt and scale down our ambitions to a more manageable project within the 36-hour timeframe.
In addition we had to overcome CORS issues when connecting the front-end and the backend. We had to look into various stackoverflow posts to overcome the problem.

Accomplishments that we're proud of

We are proud of our user interface. The user interface is clean, smooth, and responsive. We are also proud that we were able to create a complete full-stack application within only a day.

What we learned

One of our main goals going into the hackathon was to create a good looking user interface and we are happy to say that we have done this. We learn ho to create animations and used the knowledge to design the background animation and the graphic effects in the projects.

What's next for IdeaHub

We hope to extend IdeaHub to include more features. These will include an approval page where moderators can approve ideas before the ideas are officially added. Also, we want to add a like and a dislike button which users can use to vote on ideas. That way, ideas with a large number of dislikes can be removed from the system.

Built With

Share this project:

Updates