DEV Community

Cover image for Show me your personal website/portfolio

Show me your personal website/portfolio

TheOnlyBeardedBeast on July 10, 2020

So, show me your website/portfolio and tell me what technologies do you use and why? Here is mine https://thedev.sk It uses Preact and Typescript...

Displaying a subset of the total comments. Please sign in to view all comments on this post.

Collapse
 
mazentouati profile image
Mazen Touati •

Here's mine sunchayn.github.io/old. Now, it's on hold as I'm planning to make a new one.

The technology stack I've used was vanilla JS (ES6) and SASS3 alongside Gulp as a build tool.

Collapse
 
maty13flaco profile image
kaponii •

Look great, congrats πŸ‘πŸ‘πŸ‘

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

nice, you nailed the terminal look πŸ‘

Collapse
 
waylonwalker profile image
Waylon Walker •

Love the blue screen at the end of the page!!

Collapse
 
andrewbaisden profile image
Andrew Baisden •

Here's mine andrewbaisden.com/ the backend is in Node and the frontend is in Next.js. Deployed to Netlify.

Andrew Baisden Portfolio

Collapse
 
wolfhoundjesse profile image
Jesse M. Holmes •

Can you make one for me? Not a site, but you know, just make me look as cool as you? 😎

Collapse
 
perpetual_education profile image
perpetual . education •

Like a super hero, right!?! : )

Thread Thread
 
andrewbaisden profile image
Andrew Baisden •

I just follow Saitama’s Workout.

Every single day!!!

100 Push Ups, 100 Sit Ups, 100 Squats, and 10KM Running.

😎

Thread Thread
 
perpetual_education profile image
perpetual . education •

OK! We'll start with $saitamaWorkout / 5 and go from there!

Collapse
 
andrewbaisden profile image
Andrew Baisden •

It’s just good lighting πŸ˜…

Collapse
 
mdor profile image
Marco Antonio Dominguez •

This is mine mdor.dev/

I want to start adding more features, but I tried to keep it simple.

I kept the stack to the minimum.

For the site:

  • ES6
  • CSS 3
  • normalize
  • typed js.

For the build process:

  • Babel
  • autoprefixer
  • webpack
  • cssnano
  • postcss
  • imagemin
  • node.

For the code quality:

  • eslint
  • husky
  • lint-staged

So far, it has:
Performance: 97
Accessibility: 100
Best Practices: 100
SEO: 100

And the load time is very decent, coming from the network tab:
361 kB resources
Finish: 487 ms
DOMContentLoaded: 306 ms
Load: 451

This is the repo github.com/MDOR/mdor

TODO:

  • update the deploy process
  • include a section to keep my tooling bookmarks
Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Hi really nice page, I see you even customized the scrollbar, but I found a really annoying bug, after I used the navigations buttons the site does not allows me to scroll, it is stuck on one place, no mousewheel, no touchpad, I cant even move the scrollbar with the mouse, navigation through the menu works. The scrollbar works when you load the page at the firs time, but it stops working after you use a navigation button. Please check it out. Tested on chrome/edge chormium, both latest on windows 10, 15.6 inch screen Full HD, 125% scaling in windows display settings.

Collapse
 
mdor profile image
Marco Antonio Dominguez •

Nice! Thank you for report that., I'll take a look.

Collapse
 
ishandeveloper profile image
Ishan Sharma •

I was actually working on my portfolio website around 3 months ago. Designed this all by myself from scratch. Since then, I've learnt react, gatsby and next.js and right now I'm in the phase of migrating this design to react based stack, for improved performance. Still most of the design will remain the same. You can have a look here : ishandeveloper.com

ishandeveloper

Moreover, I have also created a personal blog of my own using Gatsby. I'd love for you to have a look at it here : blog.ishandeveloper.com
ishandeveloper Blog

Collapse
 
hemant profile image
Hemant Joshi • • Edited

Loved, the blog page...

Can I get the source code for the blog site?

I am currently working on a Dev.to plugin that can display your all blogs on the external page and would appreciate getting the source code the project.

Here is the link.
hemant-blog.netlify.app/

Sorry this has a dirty CSS, cause I have been busy on other project and don't want to design it now.

Thank you;

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Thats really nice, it is clean, nice usage of empty spaces and great color choices in the blog for post background. πŸ‘

Collapse
 
ishandeveloper profile image
Ishan Sharma •

Thank you @theonlybeardedbeast !

Collapse
 
carlevans profile image
Carl Evans • • Edited

Mine is carlevans.dev I use Craft as my CMS and use Eleventy to build a static site which is hosted for free thanks to Netlify / AWS. I use Nunjucks as a template engine. It doesn’t use a front end framework but it does use Barba.js for page transitions 😊

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

You got me with that one, nice, simple minimalistic, nice colors πŸ‘

Collapse
 
naveenda profile image
Naveen •

Nice colour section carl

Collapse
 
md_rathik profile image
Md Rathik • • Edited

Here you go rathik.net/ , Built in VuePress and backend for markup post and page , I connected to forestry as my simple backend
Inline-style:
alt text

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

nice and cool, wishing the best πŸ‘

Collapse
 
md_rathik profile image
Md Rathik •

thank you

Collapse
 
jeffjadulco profile image
Jeff Jadulco •

Sharing mine: jeffjadulco.com
Things I used:

  • Reactjs
  • Gatsby and its plugins (it made my life so much easier)
  • GrahpQL (it was overwhelming at first but thanks to their docs)
  • tailwindcss (it accelerated my understanding of css concepts)
  • MDX (I love markdown but I love MDX even more)
Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, both versions (light and dark) simple and clear πŸ‘ In what language powers you graphql backend? I mostly choose hot-chocolate or graphql.net for .net or typegraphql for node, because I love the code-first approach.

Collapse
 
jeffjadulco profile image
Jeff Jadulco •

Oh that was Gatsby's GraphQL for generating pages at build time (node). No back-end. Sorry for the confusion!

Thread Thread
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

no problem, I have never worked with gatsby, so I just forgot that graphql is part of it :) thanks for the clarification.

Collapse
 
bobbyiliev profile image
Bobby • • Edited

My personal website is: Bobby Iliev
And here is a website that I've been helping with recently: DevDojo you should check it out!

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice portfolio πŸ‘ devdojo looks nice, I will save it to my bookmarks.

Collapse
 
bobbyiliev profile image
Bobby •

Thanks for the nice feedback! πŸ™Œ

Collapse
 
cadams profile image
Chad Adams • • Edited

I tried to keep the design simple and minimal.

chadalen.com

Collapse
 
perpetual_education profile image
perpetual . education •

That's a lot of tech for 'simple' ! Photo feels very nice and human.

Collapse
 
cadams profile image
Chad Adams •

I mean the UI/Design not the tech stack haha

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Good work clear and informative, nice projects you have there πŸ‘

Collapse
 
cadams profile image
Chad Adams •

Thanks :)

Collapse
 
miketalbot profile image
Mike Talbot ⭐ • • Edited

I made the js-coroutines site recently - to show off a library I made. It's React/JS not pre-rendered, but I should probably get around to fixing that! I use Material UI for styling and componentry.

I notice that it is way less fancy than many, I guess I was going for informative and single page for the primary content.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Still a nice one, rather an informative page than a fancy one without no information at all, but I think you found a sweet spot in between πŸ‘

Collapse
 
miketalbot profile image
Mike Talbot ⭐ •

Thanks :)

Collapse
 
kosich profile image
Kostia Palchyk •

Hey, Mike!
Have you considered using documentation platform, like gitbook or docusaurus?
I've seen some good examples: router5.js.org/ or babeljs.io/docs/en/

Collapse
 
amir profile image
Amir Meimari • • Edited

I've decided to take a different route and make my portfolio an old newspaper πŸ˜ŠπŸ˜…

amirmeimari.ir/

screenshot

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Looks amazing, great job, you are unique in the comment section. The design you linked on dribble doesn't work for me, I have got a 404, but the miniature looked really cool, let me know if you fixed the dribble link, or just write the link into the comment if you have it. πŸ‘

Collapse
 
amir profile image
Amir Meimari •

Thanks for the feedback! Yeah, I've done some design in the past but decided to just focus on the development and deleted my dribble account. but here is a picture of that design if you are interested...

tehran travel concept

Thread Thread
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

That looks really great! Excellent work!

Collapse
 
kosich profile image
Kostia Palchyk •

Thats a great idea, Amir!

Collapse
 
amir profile image
Amir Meimari •

Thanks Kostia!

Collapse
 
urielbitton profile image
Uriel Bitton • • Edited

Here's mine: flexrweb.com/showcaser

Technologies used:

  • Html & css
  • javascript/jquery
  • reactorjs (a JS framework i designed)
  • angular js
  • infinityUI (a CSS framework library i also built)
Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Great work, nice colors πŸ‘ I think you exactly know what you are doing πŸ‘

Collapse
 
urielbitton profile image
Uriel Bitton •

Thanks man!

Collapse
 
frans profile image
Frans Allen •

Are you kidding? Mine is thedev.id :D it's not the personal website though.

If you asking one, the real is upset.dev, a really simple landing page built with bare HTML and inlined CSS. No frameworks allowed.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Aw man, that's nice :D you know the "thedev" domain is really nice for emails too, "mark@thedev.sk" not yet ready :D But I like the idea with the subdomains :D Nice clean personal website, great projects, I understand the no framework policy πŸ‘

Collapse
 
frans profile image
Frans Allen •

Thanks, yours too!

I like the idea for emails, maybe I can set up one for frans@thedev.id and there is a possibility I can provide this for public needs as well (name@thedev.id), but still cannot solve the privacy and reliability issues.

Collapse
 
pradeepcep profile image
Pradeep CE •

Looks great! Here's mine: Pradeep CE.

This is brand new because I just picked up React/Gatsby (tutorials on those soon!). If About Me | Pradeep CE sounds like something you can identify with, tweet at me: let's talk / build something together! πŸ™‚

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast • • Edited

Nice page/blog you have there, at this time I am experimenting with something, but maybe later this year I can find spare time to build something! Thanks.

Collapse
 
iamnelsonmartins profile image
Nelson Martins • • Edited

Hi all. Great portfolios I see in here. I'm new to the frontend world. I'm not currently currently working as a frontend developer but trying to.

Here is my portfolio

iamnelsonmartins.com

There is still a few sharp corners to fix like the about page. Maybe add a little bit more about me.

Fill free to shoot some advices or criticism regarding it

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast • • Edited

Hi Nelson, Thats really great work, I like it πŸ‘ one thing which is hard for my eye is the hover efect on card, when you have dark mode, and you hover over the card it changes to white, add a transitition to make it more pleasant for the eyes.

Collapse
 
iamnelsonmartins profile image
Nelson Martins •

Thank you for your feedback. I've updated meanwhile

Collapse
 
merichard123 profile image
Richard • • Edited

Here is mine: richardcoric.netlify.app/

I used React JS because im currently learning react, and it was a fun way to practice.

I also used a combination of SCSS and styled components because I'm really enjoying CSS-in-JS at the moment; and I like the fact that I can use partials with SCSS.

I would like to add a way to translate the site on the click of a button but I need to figure out how to do that.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Thats a nice site you have built! πŸ‘ I really like the intro screen graphics, congrats! Try i18n-react for translations ;)

Collapse
 
merichard123 profile image
Richard •

Thankyou I'll look into that, should be easier than rewriting the entire site in my native language. 😁

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Feels like an old game interface, interesting πŸ‘ great job!

Collapse
 
ricardoboss profile image
Ricardo Boss •

I actually reworked my website a few days ago. It can be found at ricardoboss.de and I use NuxtJS and SASS (with Bootstrap v5 Alpha). It is deployed as my GitHub.io page automatically every time I push some commits. The first article I wrote documents this in more detail.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Hi a nice site you have there πŸ‘ Nice setup. One thing caught my eye, you have "rΓ©sumΓ©" directly in the url, I dont think thats safe for the url, the site works just check it out, a slugify generator would generate it like "resume".

Collapse
 
ricardoboss profile image
Ricardo Boss •

Hi there! Thanks for the feedback! I hesitated to put non-ascii characters in the url but I decided to do it, because I thought modern browsers can handle those. I could add an alias, though. Anyway, nice catch!

Collapse
 
martinbelev profile image
Martin Belev •

Mine is belev.dev

Tech used: Gatsby, Netlify, Netlify DNS. I wanted to play around with Gatsby and this is why I choose it. Good performance, SEO, customizable and React based. For deployment I wanted something with which I can start really quickly and Netlify was perfect for that. Doing almost nothing get’s you up to a point with deployed site, deployment on push to master, preview for PR, SSL from Netlify DNS. I am pretty happy with the setup and the time it takes to go live.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I believe that, I have that now.sh setup, which works similarly like netlify, just a command and my site was up and running, Great choices nice and simple site, nice job πŸ‘

Collapse
 
martinbelev profile image
Martin Belev •

Thank you πŸ™Œ

Collapse
 
turnerj profile image
James Turner •

Here is mine: turnerj.com

It is an ASP.NET Core website using Razor Pages. For CSS, I am using Tachyons. The site is deployed to Azure, with build/deployment through Azure DevOps.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I like it, .net core is deeply in my heart, nice hover on the cards! How do you like the razor pages, I tried them once for a small project, currently I am trying blazor.

Collapse
 
turnerj profile image
James Turner •

I think Razor Pages are an improvement to the general MVC architecture - it allows for a better separation without feeling like I have dozens of files representing a basic action. Currently use it across 3 sites of mine and a web application I am developing - so far so good!

What's your thoughts on Blazor like so far?

Thread Thread
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I really like it, currently I am working on my million dollar idea :D feels solid, but the tooling feels a bit slowly developed, vs code for some reason doesn't like blazor files, and linting is not that good, visual studio handles it better. I use a library called blazor styled which helps a lot, but no style highlighting inside. And the rebuild takes too much time, if I compare it to a React app development, but I like c# I like how you write components, renderfragments cascadingvalues to share a context of a parental component to its descendants.

Collapse
 
thomasbnt profile image
Thomas Bonnet • • Edited

This is a website for one of my project on GitHub.

Used :

  • Bootstrap v5 bΓͺta
  • Fork Awesome
  • Web Monetization

Preview Awesome WM

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

nice πŸ‘

Collapse
 
thomasbnt profile image
Thomas Bonnet •

Thanks!

Collapse
 
corentinbettiol profile image
Corentin Bettiol •

And here's mine : l3m.in

screenshot of l3m.in

I recently added cover for articles & projects, and the reading time.

Pure vanilla php (poo mvc)/html5/css3, with a scoop of javascript :)

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice! Pure vanilla php, man you have my respect πŸ‘ I like your domain name.

Collapse
 
rahuldkjain profile image
Rahul Jain • • Edited

This is my portfolio and here is the blog.

If you liked it then, checkout the portfolio code here

GitHub logo rahuldkjain / minimal-portfolio

πŸ’ͺ A clean, minimal, responsive, and customizable portfolio template to showcase skills, experience, achievements, and favorites (movies & TVs).

Personal Porfolio for developers

πŸ’ͺ Awesome Personal Portfolio

The minimal, responsive and easily customisable portfolio for developers.

portfolio for software developer portfolio for software developer portfolio for software developer portfolio for software developer

portfolio for developers

⚑ Pages

🎯 Home (Introduction, Skills, Contact me)

🎯 Work (Internships, Projects, Miscellaneous Projects)

🎯 Achievements And Certifications

🎯 Favourites (Movies, TV/ Web Shows)

πŸš€ Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

You'll need Git and Node.js (which comes with npm) installed on your computer.

node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher

πŸ”§ How To Use

From your command line, clone and run minimal-portfolio:

# Clone this repository
$ git clone https://github.com/rahuldkjain/minimal-portfolio.git
# Go into the repository
$ cd minimal-portfolio
# Install dependencies
$ npm install
# Run 
$ npm run dev

πŸ› οΈ Customize

If you like the portfolio and want to use it to create your own, please refer customization manual.

πŸ§‘β€πŸ’» Technologies used

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

The chosen accent color gives me some neon vibes on that black background πŸ‘ nice job.

Collapse
 
dylanoleary profile image
Dylan O'Leary •

Here I am at dylanoleary.dev.

I used Gatsby for the front end and used Ghost to power my blog section. The front end is hosted by Netlify and the Ghost content lives on Digital Ocean.

Cheers!

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Really nice setup, I will try digital ocean in the future, the pricing seem fair, betten than amazon or azure. Nice job πŸ‘

Collapse
 
jonathanyeong profile image
Jonathan Yeong •

Here's mine jonathanyeong.com.

  • No Frontend framework
  • Hugo as the static site generator.
  • Deployed on Netlify
  • Forestry.io as the headless CMS.

Homepage

I'm a backend developer so design is definitely not my forte. Currently, trying to come up with redesigns. Any feedback is greatly appreciated!

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I think your stack and site is really nice, with simplicity you cant make anything wrong, even if you are a backend developer, you nailed it, it is nice πŸ‘

Collapse
 
dog_smile_factory profile image
Dog Smile Factory •

I built mine with eleventy.

bob-humphrey.com

Dog Smile Factory

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice πŸ‘ are you satisfied with 11ty?

Collapse
 
dog_smile_factory profile image
Dog Smile Factory •

Thank you! I am very happy with 11ty. They really have done a wonderful job of simplifying the process of building a static website. As developers, we already have enough complexity to deal with.

Thread Thread
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Maybe I will give it a try but at first, I want to try wyam.io/ , I have never heard 11ty before so thanks for that insight :)

Thread Thread
 
dog_smile_factory profile image
Dog Smile Factory •

Wyam looks very interesting! However, it does look like work on it has been stopped, and the author is now building a new product. I found this on the Wyam github page:

"Note This project is essentially archived. Wyam has been rebranded and rebooted as Statiq. New development is happening over at Statiq.Framework and Statiq.Web.

You might want to take a look at the new project statiq.dev/.

Thread Thread
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Aw that is sad, thanks, at this point I am working on an app in blazor, so the info I had on wyam was old.

Collapse
 
alexi_be3 profile image
Alexi Taylor 🐢 • • Edited

Here's what I got: alexitaylor.dev

Tech Stack:

  • Next.js
  • Some Tailwind
  • Hosted on Vercel

alt text

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I like how the white border and the bold text plays together with that animated background, nice job πŸ‘

Collapse
 
waylonwalker profile image
Waylon Walker •

Here's mine on Gatsby/netlify. It's always a work in progress, most of my effort is focused on the content. I slowly make the platform as a whole a bit better over time.

waylonwalker.com

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice. Feels grunge, the cards like posters on a pub wall πŸ‘ πŸ‘

Collapse
 
mishal23 profile image
Mishal Shah •

Here's mine: mishal23.github.io

It's mainly a blog with some pages about the work I do.

Built with Gatsby.js as I like the server-side rendering feature as it becomes fast + PWA support. Deployed on GitHub Pages.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice and fast πŸ‘

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

That look really great nice accent, gives the blog really modern look with the typography and grayscale images, and even when I open the post and see some colored image, it still well plays together. πŸ‘ nice job

Collapse
 
gabrielmlinassi profile image
Gabriel Linassi •

Lots of awesome portfolios here. Well done guys!

Here's mine gabriellinassi.site. Sorry for not supporting both languages PT-BR and US-ENG for now.

Btw I'm very undecided if I should migrate it to NextJs/Gatsby or let it like this since I want to keep working on it and create a blog in the future. However, I'm afraid it's just too much for a simple portfolio.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice πŸ‘ I think it's on you, I think it would be manageable both ways. But you can still divide you blog and portfolio to 2 different apps and just link each other, as a lot of guys did. Keep it up :)

Collapse
 
zoltanhalasz profile image
Zoltan Halasz •

I only have a blog, which is not very impressive as design: mydev-journey.blogspot.com/.
Yours is very well designed, just that I would prefer the same font for headings/menus as for the whole text.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Thanks, nice development journey on the blog! That font choice was intentional, I tried to use one font but didn't fit my expectations, then I (read an article or saw a video, I don't remember exactly) about design where they noted this method. Anyway, I am not a designer either, I went through a lot of designs on dribble for inspiration, for example, neumorphism on the cards.

Collapse
 
soniagm profile image
Sonia •

Here is mine: soniagarcia.dev
It is a static generated personal website and blog made with Nuxt and hosted for free in Netlify. I have published a couple of posts showing how to build a website like it.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice stack, I like the color choices, nice and readable πŸ‘

Collapse
 
codemouse92 profile image
Jason C. McDonald •

Here's mine, indeliblebluepen.com/

Built with pure HTML and CSS. And yes, those block cursors blink.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I like it, the bow tie is classy with that mustache! πŸ‘

Collapse
 
codemouse92 profile image
Jason C. McDonald •

Thank you very much.

Yeah, it's cool. Bow ties are cool.

Collapse
 
sergeyt profile image
Sergey Todyshev •

here is mine tsvbits.com. GatsbyJS based

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Simple clear fast, I like that you have the content centered, nut 100% width what makes the text more readable, nice job πŸ‘

Collapse
 
sergeyt profile image
Sergey Todyshev •

actually it is a fork of github.com/gaearon/overreacted.io :)

Collapse
 
vikramkadiam profile image
Vikram Kadiam •

Hey Mark! I've recently built my first ever portfolio web app using just Angular! Check out here.

vikramkadiam.netlify.app

I also wrote a blog about it on my journey in building it.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Hi Vikram nice job πŸ‘ I like the overall style, the green you choose is nice, angular is interesting choice these days.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I think both of you made a great job, this plain style can be really nice, the default html styling in the browser is garbage, and you tweeked that css enough to make it all look good! Great job πŸ‘

Collapse
 
benibela profile image
Benito van der Zander •

I made this as teenager: benibela.de/index_en.html

Static HTML, with a code generator initially in Delphi/Pascal, then in Java, then back to Pascal/XQuery

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Hmm really interesting setup πŸ‘ yeah old school, I remember to write my first page with tables as a teenager :D

Collapse
 
benibela profile image
Benito van der Zander • • Edited

Before that page, I had a personal page with a table layout.

I was proud to not use tables anymore. It is all modern HTML4, CSS, divs, validating with the strict DTD. It was really hard to get it all working in IE that did not support CSS properly

Collapse
 
amitchambial profile image
Amit Chambial •

Here’s mine : portfolio.devaman.dev

Built using pure HTML CSS and JS.
Better to open on Desktop

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, I love the transitions when you scroll through the page! You have 100vw on your footer, it causes a horizontal scrollbar, change it to 100%, and the problem will be gone. Nice job πŸ‘

Collapse
 
amitchambial profile image
Amit Chambial •

Thanks for the feedback 😊

Collapse
 
abhishekjain35 profile image
Abhishek Jain •

Here's mine abhishekdev.tech.

Please give your feedback and suggestion if something needs to be improved.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I like your page, interesting color combination, I noticed that you hover menu states overflow here is my idea how the hover should look, anyway great job πŸ‘
Hover state

Collapse
 
abhishekjain35 profile image
Abhishek Jain • • Edited

Hey thanks for the suggestion, i am definitely gonna do it.πŸ˜„πŸ˜„

Collapse
 
robydula profile image
Billa •

This is a school project. I had website creation lessons.
This website is where i share my projects.

I use HTML / CSS with Vs code.

This is the link : projet99.000webhostapp.com

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice πŸ‘ keep it up!

Collapse
 
robydula profile image
Billa •

Thanks

Collapse
 
gughog profile image
Gustavo Oliveira • • Edited

Here is mine. Is a modified Gatsby theme, but in the future I plan to totally rewrite a new one: gughog.github.io/portfolio/

gughog portfolio

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, when you create it make a post about it, share your knowledge! πŸ‘

Collapse
 
mzaini30 profile image
Zen •

My web: rumahzen.my.id/halaman/0.

Frontend: Vue
Backend: PHP

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

πŸ‘ simplicity πŸ‘

Collapse
 
mzaini30 profile image
Zen •

Thanks πŸ™ˆ

Collapse
 
kyle_rits profile image
Kyle Rodgers •

Mine is kylerodgers.me/ built with Gridsome and Tailwind Css. I'm happy with the design and it was a fun build, but I want to port it to Nuxt when I get a spare moment.

Collapse
 
naveenda profile image
Naveen •

Kyle, I like the colour combination and Menu. It just awesome

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, feels like a dribble showcase design πŸ‘

Collapse
 
richiemccoll profile image
Richie McColl • • Edited

Here's mine: richiemccoll.com/.

What I used:

  • React
  • Gatsby
  • MDX
  • Emotion (CSS-in-JS - If I were to start from scratch, I'd use Tailwind.css)
  • Netlify
Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice work, simple and informative, and as I see you have a strong managable stack. πŸ‘ I just hate css in js, but I hate premade css too :D I am the write scss from scratch guy :D

Collapse
 
richiemccoll profile image
Richie McColl • • Edited

I really like the combination of MDX, Gatsby and Netlify.

I also liked to write scss back in the day, but now I'm just too lazy. Tailwind hits the sweet spot!

Collapse
 
thisismahmoud profile image
Mahmoud Abdelwahab •

mahmoud.codes

Built using Gatsby, Theme-UI and emotion. Deployed to Netlify

Collapse
 
naveenda profile image
Naveen •

Dude, your SSL is got some error. Please look at it.

  • The dark mode is too nice, and thanks for better dark mode colour.
Collapse
 
thisismahmoud profile image
Mahmoud Abdelwahab •

Oh damn. Thanks for letting me know!

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast • • Edited

Cool πŸ‘ I like it.

Collapse
 
ehsan profile image
Ehsan Azizi • • Edited

Here is mine
ehsanazizi.me

Prototyped in Adobe XD
Pure HTML and CSS and some SVG
Hosted with Github Pages

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, I like the style, I see we have chosen similar dev paths. From that many tools (figma, sketch,lunacy,invison) why did you choose adobe?

Collapse
 
ehsan profile image
Ehsan Azizi • • Edited

Thanks man,
I tried many of these tools but ended with choosing either Figma or Adobe XD and
the only reason for choosing XD is that I was looking for a complete offline solution otherwise I would definitely go with Figma as it has more features and overall is better than XD.

Thread Thread
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I understand, I still like to use offline solutions too, I am using Invision studio, but it still feels like it is in early stages. But I do really small amount of designing, and in case I need to edit some vector art I use affinity designer.

Collapse
 
niveshsaharan profile image
Nivesh Saharan •

Here’s mine: nive.sh

It’s built with Next js and Tailwind CSS. I regularly update it with programming related posts. Check it out.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Really nice minimalistic page, both the page and a post detail looks good πŸ‘

Collapse
 
niveshsaharan profile image
Nivesh Saharan •

Post details page is my favourite 😍

Collapse
 
sergix profile image
Peyton McGinnis •

sergix.dev

Vue, Gridsome, and TailwindCSS

Now web monetized!

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Amazing designs, I really like it, if you would like to cooperate in the future, let me know πŸ‘

Collapse
 
sergix profile image
Peyton McGinnis •

That'd be awesome! If you have any ideas hit me up!

Collapse
 
hemant profile image
Hemant Joshi •

hemant.codes

Tech Stack:
HTML, CSS, SCSS, JS, jquery, Bootstrap, Bit of PHP for forms...

But still under development,

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice page, good job, classic stack. πŸ‘

Collapse
 
hemant profile image
Hemant Joshi •

Thanks!!

Collapse
 
emil_priver profile image
Emil PrivΓ©r •

Mine is here: priver.dev

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I love it, simple and minimalistic πŸ‘

Collapse
 
emil_priver profile image
Emil PrivΓ©r •

Thank you :D

Collapse
 
shubhanksaxena profile image
Shubhank Saxena • • Edited

Here is mine [WIP]
shubhank.codes

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

I see it as a nice beginnig, you have a nice accent color and white combination, maybe the icon colors are a bit too much, maybe try to use just the accent color or black for icons, but that is just a suggestion, it is your site and your decissions, nice job πŸ‘

Collapse
 
shubhanksaxena profile image
Shubhank Saxena •

Thank you. Will definitely keep that in mind

Collapse
 
michi profile image
Michael Z •

My portfolio is made with Nuxt.js and Tailwind css: michaelzanggl.com/

It was a lot of fun to play around with vibrant colors.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice you have a lot of interesting articles, I will take a look at them in the future πŸ‘ interesting color choices, hover and active behaviors.

Collapse
 
kenovienadu profile image
Ovienadu Ken •

Here's mine. kenovienadu.me
It was build using react a few months ago. What are your thoughts?

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice I like the background and color combination choices, great work πŸ‘

Collapse
 
kenovienadu profile image
Ovienadu Ken •

Thank you

Collapse
 
rajesh5522 profile image
rajeshpeddalachugari •

Mine, rajeshpeddalachugari.github.io/
Recently completely re-written in Vue.js.
Used W3.CSS as css framework, which is my favourite css framework.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice job πŸ‘ Vue is a solid choice!

Collapse
 
rajesh5522 profile image
rajeshpeddalachugari •

Thanks. πŸ™‚

Collapse
 
cristian_cdo90 profile image
Cristian Ojeda •

Hi, here's mine.
Https://sermultimedia.com.ar.
It's only html, css and vanilla js.
Greetings from Argentina

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice website, I like the color combinagtion, and the background, I remember programming that particle backgraound manually :D One thing you can improve, I think you load the same javascript file on every page, and you got console errors on the pages which do not contain the contact from, the user wont notice, it is not a big deal take a look at it . Or just conditionally handle it like :

if(formulario){
formulario.addEventListener(...);
}

Nice job πŸ‘ cheers!

Collapse
 
cristian_cdo90 profile image
Cristian Ojeda •

You are right, I will work on correcting those errors.
Thank You :)

Collapse
 
namvnngu profile image
Nam Nguyen •

Here is mine namietalkie.com. It looks simple. So I appreciate if you have any comments on it.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Really nice, I love the loader. A smal suggestion between 721px-991px width the landing text is cut of, even on wider screen the "Welcome To My World" is not visible, caused by the 100vh limit, change it to min-height: 100vh or height:100%, should work. Anyway great job πŸ‘

Collapse
 
namvnngu profile image
Nam Nguyen •

Thank you. I will improve your site by your suggestions

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, so you are doing it old school πŸ‘ what template engine do you use?

Collapse
 
kosich profile image
Kostia Palchyk •

Great design, Mark! I especially liked project/article badges style!

I've recently developed framd.cc:

It uses NextJS for both FE and BE (therefore it's a bit slow: need to split out the DB api. An advice is welcome!) + RxJS for animations/resource management. I've described the idea and dev process here:

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast • • Edited

Thank you. Really nice, so you have built a programming language for generating gifs, that's nice, maybe you cold extend it to create meme-s. I see you are using a CSS grid, on smaller screen there is a horizontal scrollbar, because of the width of the images, the grid gains larger width than the screen, and a margin around the grid would help for the readability. A really nice project, a nice article, I wish the best, keep it up. πŸ‘ your project reminds me this one sonic-pi.net/ it allows you to program your music

Collapse
 
kosich profile image
Kostia Palchyk • • Edited

Woah, the project you linked, sonic-pi.net/, β€” this is super awesome!
Will look deeper into it!

Yep, mine is buggy here and there :) Will check the smaller screens and readability issues, thx!
The language is quite simple now, but I thought to extend it so users can interact with the scene/Emoji. To gamify it, you know.

Anyhow, thank you for the feedback, Mark!

Thread Thread
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

No porblem, anytime!

Collapse
 
klnjmm profile image
Jimmy Klein •

Here is mine : jimmyklein.fr

Jimmy KLEIN

It is powered by Gatsby, designed with tailwindcss and deployed on Netlify !

No dedicated server to handle, it's a pleasure to just get to the point : the content !

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, its good to see a lot of developers leaning towards simplicity, good job πŸ‘

Collapse
 
kushdaga profile image
Kush Daga • • Edited

Mine is a bit different, I used webflow to get it done! Not what you would expect from a coder but yeah it helps me focus on putting down the content much better. Still have to fill it up with more projects so WIP, also have to update the about and Navbar, but the basic home design is done
kushdaga.webflow.io

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice one, interesting cursor behavior

Collapse
 
kushdaga profile image
Kush Daga •

Thanks!

Collapse
 
mohamed_djoudir profile image
Mohamed DJOUDIR •

Here’s mine : aniq-ui.com/en

Built with Next.js, TailwindCSS, and TypeScript.
I use it to showcase and sell my Next.js landing page templates, so it also works as my personal portfolio.

Collapse
 
pike0000 profile image
Pi Ke • • Edited

Mine is pxlet.com

It is built with PHP + Bootstrap + AngularJS + MySQL. Pretty old/classical tech stack. Want to build my next one with GoLang.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice one πŸ‘ good luck for the next one!

Collapse
 
pike0000 profile image
Pi Ke •

Thank u and yes will keep up.

Collapse
 
vuelancer profile image
Vuelancer •
Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Feels like ubuntus colors inspired you, nice job πŸ‘

Collapse
 
kartiknair profile image
Kartik Nair •

I've tried to keep mine pretty simple: kartikn.me

It's built statically from markdown using Next.js and hosted on Vercel.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, again simple clear πŸ‘ great work

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

You page is really nice and clear, well readable, and you have a nice setup behind! πŸ‘

Collapse
 
pemba007 profile image
Pemba Rinzi Sherpa •

This is something I made for just practicing in my early days.

pemba007.netlify.app/

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Flat design, nice πŸ‘

Collapse
 
canro91 profile image
Cesar Aguirre •

Here is mine: canro91.github.io/ It's a Jekyll site with Hyde theme

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, you have some interesting .net articles, I will definitely check them out! πŸ‘

Collapse
 
mnlwldr profile image
manuel •

wildauer.io/

I feel with you! :)

Collapse
 
zhravan profile image
Shravan Kumar B • • Edited

My blog : ohmyscript.com

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, is it your own wordpress theme?

Collapse
 
zhravan profile image
Shravan Kumar B •

yes.

Thread Thread
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Good work !

Collapse
 
agustinl profile image
AgustΓ­n •

Hi!, this my web portfolio: agustinl.dev/

Clean simple and minimalistic haha.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

These 3 words in one sentence, exactly how I like it πŸ‘

Collapse
 
kenanajkunic profile image
Kenan Ajkunic •

Here's mine. It ain't much but gets the job done. kenanajkunic.xyz

Maybe when I find more free time I will thinker around and make something more interesting.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice, your neons are glowing bright :D Definetly a short one, keep me updated if you will make any changes. πŸ‘

Collapse
 
kenanajkunic profile image
Kenan Ajkunic •

Sure will! Thanks for checking it out :D

Collapse
 
dchhitarka profile image
Deepak Chhitarka •

Here's mine dchhitarka.github.io/Portfolio/
I'm still working on it. I haven't yet bought a domain so just hosting it using GitHub.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Continue with the work, keep it up πŸ‘

Collapse
 
george profile image
George Nance •

Heres mine. I really need to write more content for it πŸ˜…

georgenance.com

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Nice πŸ‘ Keep it simple don't overthink it :) We almost have the same avatar, bearded guys unite! :D

Collapse
 
romaixn profile image
Romain •

Here's mine rherault.fr.
Build in Symfony and VueJS with the great TailwindCSS framework.
In french sorry :)

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast •

Really nice, the transition on the projects is brilliant!