Forem: Habib-Ahmad

Generate my Pet

Habib-Ahmad — Sun, 14 Apr 2024 01:57:19 +0000

This is a submission for the Cloudflare AI Challenge.

What I Built

This is a fun pet generation app. You generate a seed which contains the essence of your pet. Then you feed it words. Whatever you say to it will affect how it grows. You can tell it to become a princess or a warrior. Try out different words to get different outcomes!

Demo

https://generate-my-pet.pages.dev/

My Code

https://github.com/Habib-Ahmad/generate-my-pet

Journey

I actually learned about this hackathon fairly late. After reading through the requirements I realized that, in essence, it was a creativity competition which is an area I've never really been confident in. So even with limited time left I decided to challenge myself and make a submission.

I used NextJS for this project which means I had to learn how to use the NextJS api which I had been procrastinating for a long time. Creating the apis was a real challenge especially with models that expected data binaries. I had to learn about buffers and streams (which are still a bit confusing) but I'm happy with what I've been able to submit.

Moving forward I'd like to significantly improve the UI as well as make it responsive. I'd also like to include the model for sentiment analysis to be able to get more details from the words form the user.

The models I used are:

uform-gen2-qwen-500m
stable-diffusion-xl-lightning
whisper

Multiple Models and/or Triple Task Types

uform-gen2-qwen-500m
stable-diffusion-xl-lightning
whisper

DigitalOcean Hackathon Submission

Habib-Ahmad — Thu, 07 Jan 2021 16:37:30 +0000

What I built

A personal portfolio

Category Submission:

Personal Site/Portfolio

App Link

https://my-portfolio-4ka9v.ondigitalocean.app/

Screenshots

Description

It is a single page portfolio website showing information about myself and my previous work

Link to Source Code

https://github.com/Habib-Ahmad/my-portfolio

Permissive License

MIT

Background

(What made you decide to build this particular app? What inspired you?)
I got into web development almost two years ago. Since then I have learnt a lot and done a couple of freelance jobs. So I wanted to create this to serve as a resumé and to also tie all I've done so far together and feel proud about what I've done so far.

How I built it

(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)
I built it with React. I also used other libraries like bootstrap. Then deployed using the DigitalOcean’s App Platform which was a bit tricky. Setting up the droplet confused me for a bit because I had no clue what a droplet was but it didn't take long to figure it out.

Additional Resources/Info

Progress Log 2

Habib-Ahmad — Thu, 31 Dec 2020 23:45:59 +0000

Started adding JavaScript animations to the site. It's harder than I thought and frustrating as hell, but we'll get there. I'm going at a slower pace than I would like and the deadline is fast approaching. Fingers crossed that I finish in time

Progress

Habib-Ahmad — Mon, 28 Dec 2020 11:31:05 +0000

Almost done with the static part of the site. After that i'll proceed to pump a whole lot of JavaScript!

First Post

Habib-Ahmad — Fri, 25 Dec 2020 09:04:32 +0000

Decided to participate in the hackathon. I have not been coding for a long time and I think a competition like this could be fun and helpful.