Arranger 17

Arranger 17 Logo

Inspiration

We are inspired by the theme of "Identity", so website customization and personalization instantly comes to our mind!

What it does

It rearranges and customizes a website not only with manual input by the user, but also through Generative AI.

How we built it

We used FastAPI and Python for the back end, and React and Vite for the front end.

Challenges we ran into

Learning Gemini: We are new to Gemini, so integrating it into the project is a challenging experience for us.

Learning FastAPI: FastAPI is an unfamiliar tool for most of the group, yet the back end we developed with it turns out sufficiently decent.

Learning how to build an API connecting the front and back end: At first, due to communication issues, the front and back end design of the app lacks consistency, yet we managed to build an API which connects both ends despite the shortcomings.

Losing manpower: We initially started out as a 4-member team, but due to commitment issues, we ended up with 2 members in the end (though 1 member who left contributed much of the front end). Despite the smaller size, it is surprising for us that we managed to complete the project in some way.

Accomplishments that we're proud of

Completing the front end: With AI's assistance, we managed to build a functional and responsive front end environment.
Trying our best to make the back end functional: In the end, we were not able to fully use the database as expected.
Learning by doing: This has been an extremely mind-opening learning experience for all the people involved, and we would like to interact with these tools more in the future and at the same time enhance our "hacker" skillset.
Running out of API credits: In the end, development was stumped due to running out of Gemini API credits.

What we learned

A better understanding of the stack: Through this app, we are able to get better insight on the tech stack we settled on.
Better time management and planning prior to the start of the hackathon: Even prior to the announcement of the hackathon's theme, we should have confirmed each member's commitment to the team to avoid potential midway departures, as well as a unique yet broad idea to expand on during the hackathon.
Choose the projects that are easier to visualize and less ambitious: Considering the smaller number of people remaining, it should be evident to us that picking a less ambitious idea would have been a smarter choice.