Side projects, vibe coded with popular AI tools

2024 - ongoing
UX Designer, Dev, Explorer, Learner
On this page I share some of my side projects that I do for fun and learning. I like to explore new technologies and tools, and see what I can create with them. Some of these projects are still in progress, while others are completed or abandoned. Either way, they are all part of my growth journey.
Updating this portfolio content is a side project in itself. I built this portfolio using Next.js and Tailwind CSS (and of course some AI coding tools), and I wanted to have a simple way to manage my projects and their details. So I created a parser where I can upload my data.ts file that contains all the information about my projects and easily add, edit, or remove projects without touching the codebase too much (and worrying that I might delete something and break the file).

Data.ts page

Data.ts edit page
1. Go to https://v0-data-ts.vercel.app.
2. Upload data.ts file.
3. See the content in structured page with specific fields.
4. Add new content or edit/remove the existing one.
5. When ready download you new data.ts file.
6. Share it with a dev or add it to your project folder (or even GitHub).
This project is still in progress and I plan to add more features and fix some bugs. Some of the things I want to improve are:
• Add validation for the uploaded file to ensure it has the correct format and structure.
• Handle nested arrays better when creating new content.
• Add more customization options for the fields and layout.
• Improve the UI and UX of the edit page.
If you have any suggestions or feedback, please let me know!
You can check the code on GitHub and try the app on https://v0-data-ts.vercel.app.
This is a simple logical game inspired by LinkedIn's Zip game. After playing the LinkedIn's version, I wanted to play more than one game per day so I decided to create my own version. The game is called Connect the numbers and the goal is to connect the numbers from 1 to 5 in the correct order, filling all squares in the grid and without lifting the mouse button/trackpad/finger (yes, worked on touch devices too!). Give it a try https://v0-connect-the-numbers-game.vercel.app.

Connect the numbers game UI and winning state

Connect the numbers game UI and losing state
The current state of the game is very basic and I plan to add more features. Some of the things I want to improve are:
• Add more level difficulty
• Add a number of players for the day.
• Customize the grid size and the numbers
• Improve the UI and UX of the game.
If you have any suggestions or feedback, please let me know!