DEV Community

Cover image for My new GameBoy style portfolio

My new GameBoy style portfolio

Matteo Santoro Dev on January 10, 2024

With great satisfaction, I am pleased to announce the launch of the first public version of my web portfolio, to which I have dedicated a lot of ef...
Collapse
 
shaggyrec profile image
Alex Awesome

It produces wow-effect but the thing with "little Matt" is useless.
This thing is for push arrows and have a bit of fun.
Would be great to move this little Matt in a journey through your portfolio like this guy did rleonardi.com/interactive-resume/

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thanks for your feedback!
I'm studying in parallel how to make mini Matt interact with the entire UI

Collapse
 
shaggyrec profile image
Alex Awesome

Yes, it would be great. I would like to see the result. I like an intersection of design and functionality

Thread Thread
 
matteosant_dev profile image
Matteo Santoro Dev

I will post updates as soon as I have updated the site with a functional solution.

Thanks again for the feedback, I really appreciate it!

Collapse
 
shekharrr profile image
Shekhar Rajput

Exactly! If some interactivity is added, it would be sick

Collapse
 
shivam2598 profile image
Shivam Jain

🤐

Collapse
 
khangnd profile image
Khang

This is sick, I absolutely love it. Curious about the frameworks/engines used to build this if you don't mind sharing.

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev • Edited

Thank you for your feedback!

Sure, I created my portfolio using the Construct engine + Javascript.

In JavaScript, I implemented a control script for WebKit and responsiveness.

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

🇬🇧 It's been a while since my last post ⏳, but I would like to inform everyone who has been following the #development of my #Gameboy-style #portfolio that I have made some improvements to the website. Specifically, I have updated the font to make it more readable, as some users found the previous one a bit difficult to read. 🖋️

Furthermore, I would like to announce that the next update, expected in two weeks, will include further enhancements to the #gamification of the portfolio.

🚀 Thank you for your attention, and as always, I am open to all your feedback 🙏 .

Collapse
 
greenteaisgreat profile image
Nathan G Bornstein • Edited

YOOOOOO, that's incredible! This is the portfolio of dreams. To echo many others, we'd be humbled to know the technologies/resources you used to create that. Also, your game The First Plague has similar vibes to the game Pathologic, based off the logo and description for it. Awesome job my friend 🤝

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Hey there! Thank you so much for the enthusiastic response! I appreciate the kind words about my portfolio and The First Plague game. I used the Construct engine along with JavaScript to bring my portfolio to life. Regarding The First Plague, I wasn't aware of the game Pathologic. My game will be entirely in pixel art with a hopefully intriguing storyline. If you have any more questions about the technologies or resources I used, feel free to ask. Cheers! 🤝

Collapse
 
greenteaisgreat profile image
Nathan G Bornstein

Awesome, thanks so much for the info! Haven't ever heard of the Construct engine before. My friend works in Godot and I've thought about employing him for some cool low-res poly assets in my portfolio at some point. Pathologic is one of my favorite games, so I think of it any time I see a plague mask, haha

Can't wait to hear when TFP drops 🙌

Collapse
 
giuliano1993 profile image
Giuliano1993

I'm totally in love with it! I need more pages to play on 😂
The aesthetic was so catchy it took me a while to realize it was in Italian!
So please, someone give a prize to this man 🏆

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thank you so much for your feedback!

P.S. I received a load of medals hahah just kidding, I'm really happy for the positive vibes my portfolio has sent.

Collapse
 
giuliano1993 profile image
Giuliano1993

Ahaha! Hope some of the medals were also chocolate medals 😂 Yes totally positive Vibes I must say :D

Collapse
 
shravzzv profile image
Sai Shravan Vadla

I love it.

Collapse
 
albert_almonte profile image
Albert

Wow, that's a really nice and fun portfolio man!
I was going to ask the tech used here but I just read another comment where you answer that, I did not know about construct 3 engine, but it looks fantastic!

Collapse
 
kwnaidoo profile image
Kevin Naidoo

This is amazing stuff - well done!!

I would just say - the font is a bit hard to read at a glance. If you intend to use this when applying for jobs, hiring managers don't have a lot of time to spend on individual applications, so it's important to make your portfolio as easy to read as possible.

Lastly, it's easy to scrape your email - it may not be a good idea to have this as text in the markup. An SVG or graphic might be better if you want to avoid those nasty spam bots.

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thanks for the feedback!
Sisi, I already intend to improve the email button, it will be done in the next update.

Collapse
 
devluc profile image
Devluc

It's so well made and beautiful. Congratulations. Looks like a game intro. First console I played on was Super Nintendo 8 bit. Only saw Gameboys in magazines unfortunately. They weren't very popular in my country. Most likely because of cost. We had some crappy Tetris handhelds but man did we have fun with them anyway

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev • Edited

This will be the new update for my web portfolio:

The next update will improve the gamification on my website.

Collapse
 
rom04_dev profile image
ROM04_Dev

Great work man !! It look amazing!

Collapse
 
javinpaul profile image
javinpaul

Awesome, really loved it. I am sure you gonna get a lot of job offers if you send this resume to recruiters :-)

Collapse
 
lnahrf profile image
Lev Nahar

I couldn't tell you how much reading this post and visiting your portfolio made my day, probably the rest of my week. I can't really put my finger on what is it about this that I love so much, but it is just delightful. I guess Gameboy has a strong nostalgic value for me, I even bought some Gameboys just to own one again.

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

I'm absolutely thrilled to hear that my post and portfolio had such a positive impact on your day!

I am an incurable nostalgic, I love retrogames, and it served as inspiration for me to create my website. If you ever want to chat more about it or have any questions, feel free to reach out.

Collapse
 
ineam profile image
Amine M

beautiful

Collapse
 
lundjrl profile image
James Robert Lund III

This is the coolest thing I've seen on Dev.to in my few years being on the platform. Seriously, great job!

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thank you very much! I didn't expect so much success with this article.

Collapse
 
manuls profile image
Manuel Quiroga

Awesome work Matteo! I like a lot the way the color palette changes.
I was a little sad to check the Konami Code did not work at all :( :D

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thank you!
The Konami code is not present, it's true, but there is another Easter egg that can be activated in some way...heheheh

Collapse
 
riigrey profile image
Rii amri

supercool

Collapse
 
spaghetticoderyyz profile image
Marc LP

Really amazing website design! Takes me back to the days of my original Nintendo gameboy! You’ve now inspired me to fire it up tomorrow and play some Tetris and Zelda lol - and yes it still works!

Collapse
 
cloysterr profile image
ABHISHEK BHARDWAJ

nicee!!!

Collapse
 
blackforestcode profile image
Nils Domin

Awesome, I love it! Great work! 😃

Collapse
 
mithunsreeram profile image
MS

Portfolio is lit , Keep up the good work

Collapse
 
bentechcoder profile image
Benjamin Lebron • Edited

The little matt honestly made my day 😂😂 I love portfolios that make it fun to browse the information inside even in simple ways. Amazing work 😁👍

Collapse
 
tidoo profile image
Arslan Aziz

super cool man, this is what it mean whens we say "I love what I do"

Collapse
 
devangtomar profile image
Devang Tomar

Wow this looks super cool! 😍 Great work @matteosant_dev 🚀

Collapse
 
michaeltharrington profile image
Michael Tharrington

This is so much fun! Good stuff, Matteo!! 🙌

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thank you for positive feedback!!

Collapse
 
matlalampho profile image
Mpho Tebogo Matlala

That's so cool

Collapse
 
menard_codes profile image
Menard Maranan

that portfolio is 🔥

Collapse
 
thecodingthesi profile image
Thesi

Oh man this brings me back to my childhood. Awesome job!!

Collapse
 
ben profile image
Ben Halpern

Really neat

Collapse
 
alexus85 profile image
Alex Petrik

that initial sound effect kinda freak me out :D .. but I like it :)

Collapse
 
best_codes profile image
Best Codes

I love it! I did some testing on it, and it is even mobile responsive too. Here's mine if you want to check it out, but it is nowhere near as cool as yours 😊
the-best-codes.github.io/?dev.to

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

A thousand thanks! I'll gladly take a look at your work

Collapse
 
deardreamweb profile image
wxb

If you get art resources? Did you make it yourself?

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

All assets were made by me, except the sound effects, taken from pixabay

Collapse
 
deardreamweb profile image
wxb

So cool

Collapse
 
ferarilalon profile image
ferarilalon

Very nice work, add the background music option.

Collapse
 
anassharif profile image
Anas Sharif

Nice work man it's amazing and unique style.

Collapse
 
sa11erto5n profile image
Mohamed

is the design totally made by you ?

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Yes! Everything from design to final development, even assets excluding sound effects.

Collapse
 
sa11erto5n profile image
Mohamed

such a great work you've done.
allow me to express my admiration to your art

Thread Thread
 
matteosant_dev profile image
Matteo Santoro Dev

Thank you for very positive feedback!

Thread Thread
 
sa11erto5n profile image
Mohamed

your welcome

Collapse
 
imjoseangel profile image
Jose Angel Munoz

Amazing Job! Congrats! ♥️

Collapse
 
annetawamono profile image
Anneta Wamono

This is so dope. I really like the subtle detail of the sprite's run. It's initially slow and then speeds up. Reminds me of Mario or Sonic

Collapse
 
terceranexus6 profile image
Paula

I love it!

Collapse
 
prafulla-codes profile image
Prafulla Raichurkar

Absolutely top notch✨

Collapse
 
fyodorio profile image
Fyodor

Nice and creative, kudos 👍

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thank you for appreciating it!

Collapse
 
aniket_botre profile image
Aniket Botre

Bro your website left me flabbergasted. It's so awesome!!✨🫶

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Hey, thanks a ton! I'm stoked!🚀 If you ever want to dive into more details or have questions, feel free to hit me up. Cheers! 🌟🫶

Collapse
 
manchicken profile image
Mike Stemle

It’s lovely. Well done.

Collapse
 
shekharrr profile image
Shekhar Rajput

Lovely! 🔥 But I don't see the use of the little Matt

Collapse
 
bicho_0 profile image
Bicho

Cool!! Congrats 🎉!

Collapse
 
shivam2598 profile image
Shivam Jain

Mind-blowing 😯

Collapse
 
ihssmaheel profile image
Mohamed Ismail

Woah 🫨 This is sick, Awesome Work Man!

Collapse
 
pulimoodan profile image
Akbar Ali

Awesome work

Collapse
 
sunilr profile image
Sunil Rav

Nostalgia. Amazing work.

Collapse
 
steveblue profile image
Stephen Belovarich

Rad

Collapse
 
luca1iu profile image
Luca Liu

nice!!

Collapse
 
thatcomputerguy profile image
Griff Polk

Wooooah. Woah. Woah. Woah. Woah. Nostalgia overload.

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Nostalgia Goal unlocked! Haha, thanks a lot!

Collapse
 
deveducn profile image
Eduardo

It's very nice. I kept trying to jump on the blocks; it became much easier when I discovered the double jump mechanic. I think if you added interactivity it would be great.

Collapse
 
alexanderop profile image
Alexander Opalic

wow awesome work

Collapse
 
fuenrob profile image
Roberto Morais

Whatttt???? I love it.

Collapse
 
topsky0218 profile image
David Wilson

Great idea. I will keep an eye on you to learn a lot.
Please share a lot.

Collapse
 
philopaterwaheed profile image
philo san

awesome work man let's bring the good retro days back

Collapse
 
dsaga profile image
Dusan Petkovic

Its very impressive, maybe just on the contact page, add a copy button for the email address, or make it a clickable link, so that people can contact you easier...

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thanks for your feedback!
I will add a copy function for email.
I had temporarily done nothing to avoid spam.

Collapse
 
abdulmuminyqn profile image
Abdulmumin yaqeen

Just marvelous 😍!!!

I accidentally discovered the cool little interaction with the sprite 👌.

Collapse
 
friendz_me_12 profile image
friendz

Cool

Collapse
 
ivanlori profile image
Ivan Lori

It is super! Bravo :D

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Grazie mille !!

Collapse
 
nrkhader profile image
Noor Khader

This is very creative and looks great!
Best of luck to you

Collapse
 
danieljsaldana profile image
Daniel J. Saldaña

Good Job!!! :)

Collapse
 
lansolo99 profile image
Stéphane CHANGARNIER

Very original theme! I just have hard time using arrow button (on mobile), probably a matter of clickable area. You wasn't even born when Gameboy came out 😄.

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thanks for the report; I will work on improving the mobile input. I was born a few years later, haha, but I did experience the Game Boy Color era

Collapse
 
rain_37 profile image
Rain

Great job Matteo. Un portfolio originalissimo!

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Grazie mille!! non pensavo di riscuotere tanto successo.

Collapse
 
mbarzeev profile image
Matti Bar-Zeev

Mate, this is awesome!
Great work, love the sounds and animations. Very cool 🍻

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Hey mate! Thanks a bunch for the feedback🍻😊

Collapse
 
kesareakku profile image
Ze's

its awesome, i am curious about framework/engine, design to build this! ☺

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thank you! Made with Construct + Javascript.

Collapse
 
kesareakku profile image
Ze's

thanks for telling me

Collapse
 
montyharper profile image
Monty Harper

I'm working on my first portfolio and now this is the example I have to look up to! Amazing!

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev • Edited

Thank you so much for the positive feedback! I'm thrilled to hear that my portfolio serves as an inspiration for your own. Best of luck with your project! 🚀✨

Collapse
 
tharakamts profile image
Tharaka Sandaruwan

Awesome work. Keep it up 🔥

Collapse
 
bridgesgap profile image
Tithi

This is inspirational.

Collapse
 
webcraft-notes profile image
WebCraft Notes

Looks Awesome! Great job!

Collapse
 
agussgodoy profile image
agussgodoy

nice!

Collapse
 
linkbenjamin profile image
Ben Link

Tremendous work! Now I wish my Italian was good enough to join Blaster Foundry...

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thank you so much, I really appreciate it!

Collapse
 
coderpink profile image
Coder Pink

Woah! That's cool

Collapse
 
dannyviiprus profile image
Dannyvpz

Super cool, just wow!

Collapse
 
fittipaldis profile image
Simone Fittipaldi

Cool!!😍

Collapse
 
matteosant_dev profile image
Matteo Santoro Dev

Thank you!
Grazie mille!!

Collapse
 
marcgruber profile image
Marc Gruber López

so cooool

Collapse
 
jhonnyssomsilva profile image
Jhonnyssom Silva

Very good Congratulations.

Collapse
 
lelanddieno profile image
Leland Dieno

This is awesome.

Some comments have been hidden by the post's author - find out more