DEV Community

Cover image for I created a terminal style website.
Yassine Fathi
Yassine Fathi

Posted on • Updated on

I created a terminal style website.

Screenshot of the website
Link: https://term.m4tt72.com
Repo: https://github.com/m4tt72/terminal

Why?

I'm a Linux enthusiast, and I tried creating something that will allow 'normal' people to have a glimpse at my world.

Feedback is welcomed 🙏

Oldest comments (75)

Collapse
 
jancizmar profile image
Jan Cizmar

That's cool! I wanted to create exact the same thing. Now I can just use yours and replace your name. :D

Collapse
 
m4tt72 profile image
Yassine Fathi

Haha, feel free to do that 👀. I might add a command that will generate a similar website with custom name, theme, font etc...

Collapse
 
jancizmar profile image
Jan Cizmar

I'd like it with black background please. 😄

Collapse
 
leodarpan profile image
DARPAN ANEJA

hahahaha. Very creative!!!

Collapse
 
kachidk profile image
Nwanguma Victor

Very nice site, but it's not responsive on mobile

Collapse
 
m4tt72 profile image
Yassine Fathi

It's quite tricky to make it responsive, especially with ascii art stuff. I tried reducing the font-size, but ended up being too small, so what I did instead is set a minimum size on mobile viewport. Not really the best solution, but it's a terminal, it should only be viewed on desktop, right?

Collapse
 
skino2020 profile image
skino

Amazing site dude. im trying to do something similar at the min with Laravel using the TALL stack, may need to pick your brain on how you have achieved some stuff lol.

Collapse
 
m4tt72 profile image
Yassine Fathi

I will publish another post when it gets open-sourced, and you can check out the code and see how it works. Most of the challenges that I faced are UI.

I also build a bin system close to how unix works. Just export a function in a forlder with args and return a string, and it will be automatically picked up by the shell I created and added to the help command.

Collapse
 
dirtymartiniexe profile image
Dirty Martini Marketing

Really nice and refreshing take on a personal website, well done!

Collapse
 
m4tt72 profile image
Yassine Fathi

Thanks 🙏

Collapse
 
pengeszikra profile image
Peter Vivo

weather is great!

Collapse
 
katafrakt profile image
Paweł Świątkowski

Pretty cool. I imagine it could be used to emulate old text adventure games experience ;)

Collapse
 
m4tt72 profile image
Yassine Fathi

Oh good idea, I might add text based games to it. Or when it's open-sourced, someone else will ;)

Collapse
 
shriji profile image
Shriji

Awesome!

Collapse
 
jeremymonatte profile image
Mbenga

Really nice 👏👏

Collapse
 
shubhamhkr profile image
shubhamhkr

its awesome

Collapse
 
fkkarakurt profile image
Fatih Küçükkarakurt

I really like it looks great. The joke in the Vim and Emacs commands... hahah everything is great. Good luck!

Collapse
 
dibasdauliya profile image
Dibas Dauliya

LOL! Just tried.

Collapse
 
dibasdauliya profile image
Dibas Dauliya

Wooooowwwww! Amazing Work!🤩🤩🤩

Collapse
 
m4tt72 profile image
Yassine Fathi

I added a link to the repo, feel free to check out the code!

Collapse
 
misly profile image
Misly

Looks awesome

Collapse
 
raftlabs profile image
RaftLabs - AI App Dev Agency

Woah, this looks extremely neat! Kudos!

Collapse
 
stephendpmurphy profile image
Stephen Murphy

Ok, that's pretty awesome.