Alex Giuseppe Ispas

Product designer & occasional developer

Building a web app from scratch in React using AI.

I’ve decided to build this in public, and document pretty much every step I’m taking to building this.


After hours and hours of creating the basic architecture, core functionalities, and stuff, here it is:

Updates: – Login/register – Share a track

New updates: – Users can start a match by sharing a track. – Other users can view the open matches, and they can share a song to battle with the one shared.

Added the possibility to vote for your favorite track in a specific match. Also, showing a live counter of votes:

Update of all the functionality I have added so far: 1. Register and Login: 2. Share a Song: 3. Browse and Join a Battle: 4. Voting: 5. Past Battles: 6. Battle Result:

New updates: – Added navigation bar – Landing page for showing live and open matches – Vote for live matches – Join open battles

– Fixed a bug for not displaying all the past matches. – Displaying current username.

“Join Battle” Update: – Show an Youtube embed of the shared track. – Show who submitted the track

Update: – Now the live matches show the score, track name, and cover album.

Update: – After you share a track, you are redirected to the match you’ve started, so you can invite a friend to play with you.

Updates:
– Made the entire app responsive, by implementing the Bootstrap framework.
– Updated the landing page CSS.
– Join Match section has the same layout as the live matches

Leave a Reply

Your email address will not be published. Required fields are marked *