Show me your personal website/portfolio

Publish Date: Jul 10 '20

126 273

So, show me your website/portfolio and tell me what technologies do you use and why?

It uses Preact and Typescript, Bundled by Parcel, everything is prerendered and hosted on http://now.sh

FYI: the image for the site background is a render of a 3D model made in ZBrush.

I know the whole thing is a bit overblown, it would take less time to build the whole thing from scratch without preact, ts..., just good old html/css/vanilla js, but I wanted to try Preact and Parcel, and I saw an opportunity to use them in this side project.

It's your turn, show me what you got!

Comments 273 total

Zoltan HalaszJul 10, 2020
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.
- TheOnlyBeardedBeastJul 10, 2020
  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.
Mishal ShahJul 10, 2020
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.
- TheOnlyBeardedBeastJul 10, 2020
  Nice and fast 👏
Michael ZJul 10, 2020
My portfolio is made with Nuxt.js and Tailwind css: michaelzanggl.com/

It was a lot of fun to play around with vibrant colors.
- TheOnlyBeardedBeastJul 10, 2020
  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.
dastasoftJul 10, 2020
I've done my portfolio with React and bundled with Parcel too :) I have some work to do before finish it but it's available on dastasoft.netlify.app/
- TheOnlyBeardedBeastJul 10, 2020
  Nice, update this comment after you finish it ;) I almost did the same Japanese text to non-japanesse animation, interesting 👏
АнонимJul 10, 2020
[deleted]
- TheOnlyBeardedBeastJul 10, 2020
  Nice, so you are doing it old school 👏 what template engine do you use?
Emil PrivérJul 10, 2020
Mine is here: priver.dev
- TheOnlyBeardedBeastJul 10, 2020
  I love it, simple and minimalistic 👏
  - Emil PrivérJul 10, 2020
    Thank you :D
Vasili AnoshinJul 10, 2020
I'm think your portfolio is amazing !
- TheOnlyBeardedBeastJul 10, 2020
  Thank you :)
Rahul JainJul 10, 2020
This is my portfolio and here is the blog.

If you liked it then, checkout the portfolio code here
rahuldkjain / minimal-portfolio

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

💪 Awesome Personal Portfolio

The minimal, responsive and easily customisable 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

Vuejs

SCSS

…

View on GitHub
- TheOnlyBeardedBeastJul 10, 2020
  The chosen accent color gives me some neon vibes on that black background 👏 nice job.
Mads HougesenJul 10, 2020
mhouge.dk is my portfolio.

Nothing fancy, just a simple HTML/CSS/JS site.
- TheOnlyBeardedBeastJul 10, 2020
  Nice and simple 👏
Ajeet YadavJul 10, 2020
I have a blog:
ajeet.dev/

yours is supercool :)
- TheOnlyBeardedBeastJul 10, 2020
  Thank you. Yours is nice and colorful, great articles will look into them later 👏
Mazen TouatiJul 10, 2020
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.
- TheOnlyBeardedBeastJul 10, 2020
  nice, you nailed the terminal look 👏
- kaponiiJul 10, 2020
  Look great, congrats 👏👏👏
- Waylon WalkerJul 10, 2020
  Love the blue screen at the end of the page!!
Dog Smile FactoryJul 10, 2020
I built mine with eleventy.

bob-humphrey.com
- TheOnlyBeardedBeastJul 10, 2020
  Nice 👏 are you satisfied with 11ty?
  - Dog Smile FactoryJul 10, 2020
    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.
    - TheOnlyBeardedBeastJul 10, 2020
      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 :)
      - Dog Smile FactoryJul 10, 2020
        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/.
        
        TheOnlyBeardedBeastJul 10, 2020
        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.
Ehsan AziziJul 10, 2020
Here is mine
ehsanazizi.me

Prototyped in Adobe XD
Pure HTML and CSS and some SVG
Hosted with Github Pages
- TheOnlyBeardedBeastJul 10, 2020
  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?
  - Ehsan AziziJul 10, 2020
    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.
    - TheOnlyBeardedBeastJul 10, 2020
      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.
Gustavo OliveiraJul 10, 2020
Here is mine. Is a modified Gatsby theme, but in the future I plan to totally rewrite a new one: gughog.github.io/portfolio/
- TheOnlyBeardedBeastJul 10, 2020
  Nice, when you create it make a post about it, share your knowledge! 👏
Bala Hantsi 🇳🇬Jul 10, 2020
Here we go bhantsi.github.io/
- TheOnlyBeardedBeastJul 10, 2020
  Nice one! your projects section misses an id and because of that the scroll to navigation is not working (happens to everybody :)), keep it up, I wish you a lot of luck for the desired knowledge 👏
Ishan SharmaJul 10, 2020
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

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
- TheOnlyBeardedBeastJul 10, 2020
  Thats really nice, it is clean, nice usage of empty spaces and great color choices in the blog for post background. 👏
  - Ishan SharmaJul 10, 2020
    Thank you @theonlybeardedbeast !
- Hemant JoshiJul 11, 2020
  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;
Programming DiveJul 10, 2020
Here is mine .. as a web developer I always wanted to have my personal website..programmingdive.com/
- TheOnlyBeardedBeastJul 10, 2020
  Nice blog 👏 the same desire stands behind mine.
Nishant MittalJul 10, 2020
Here nishantwrp.com/
- TheOnlyBeardedBeastJul 10, 2020
  Nice one, keep it up 👏
Mike Talbot ⭐Jul 10, 2020
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.
- TheOnlyBeardedBeastJul 10, 2020
  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 👏
  - Mike Talbot ⭐Jul 10, 2020
    Thanks :)
- Kostia PalchykJul 11, 2020
  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/
Corentin BettiolJul 10, 2020
And here's mine : 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 :)
- TheOnlyBeardedBeastJul 10, 2020
  Nice! Pure vanilla php, man you have my respect 👏 I like your domain name.
Andrew BaisdenJul 10, 2020
Here's mine andrewbaisden.com/ the backend is in Node and the frontend is in Next.js. Deployed to Netlify.
- TheOnlyBeardedBeastJul 10, 2020
  Really nice, I noticed that you have horizontal scrollbars on your page caused by the 100vw which is used on the div right inside the header element, give the header 100% width and replace the 100vw with 100% too, it will make the issue gone. But other than that it is really nice, nice power level ;)
  - Andrew BaisdenJul 10, 2020
    Thanks for the feedback I will look into it. I don't see those scrollbars though what OS and browser did you see it in?
    - TheOnlyBeardedBeastJul 10, 2020
      13 inch MacBook pro, with the native mac os, latest chrome browser, I have an always visible scrollbar, and the 100vw never counts with the width of the scrollbar. I hope this information will help you to debug ;)
- Jesse M. HolmesJul 10, 2020
  Can you make one for me? Not a site, but you know, just make me look as cool as you? 😎
  - perpetual . educationJul 10, 2020
    Like a super hero, right!?! : )
    - Andrew BaisdenJul 10, 2020
      I just follow Saitama’s Workout.
      
      Every single day!!!
      
      100 Push Ups, 100 Sit Ups, 100 Squats, and 10KM Running.
      
      😎
      - perpetual . educationJul 10, 2020
        OK! We'll start with $saitamaWorkout / 5 and go from there!
  - Andrew BaisdenJul 10, 2020
    It’s just good lighting 😅
    - Judicaël AndriamahandryJul 11, 2020
      Too powerful, one punch and got a job
Kyle RodgersJul 10, 2020
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.
- TheOnlyBeardedBeastJul 10, 2020
  Nice, feels like a dribble showcase design 👏
- NaveenJul 10, 2020
  Kyle, I like the colour combination and Menu. It just awesome
ZenJul 10, 2020
My web: rumahzen.my.id/halaman/0.

Frontend: Vue
Backend: PHP
- TheOnlyBeardedBeastJul 10, 2020
  👏 simplicity 👍
  - ZenJul 10, 2020
    Thanks 🙈
Germano BarcelosJul 10, 2020
Here is mine: gegen07.github.io.
I've done with vue-material and my blog with Butter CMS.
I plan to change somethings in design of home page.
- TheOnlyBeardedBeastJul 10, 2020
  Nice! Butter cms looks good, thanks for noting it! 👏
Jeff JadulcoJul 10, 2020
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)
- TheOnlyBeardedBeastJul 10, 2020
  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.
  - Jeff JadulcoJul 10, 2020
    Oh that was Gatsby's GraphQL for generating pages at build time (node). No back-end. Sorry for the confusion!
    - TheOnlyBeardedBeastJul 10, 2020
      no problem, I have never worked with gatsby, so I just forgot that graphql is part of it :) thanks for the clarification.
Gabriel LinassiJul 10, 2020
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.
- TheOnlyBeardedBeastJul 10, 2020
  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 :)
George NanceJul 10, 2020
Heres mine. I really need to write more content for it 😅

georgenance.com
- TheOnlyBeardedBeastJul 10, 2020
  Nice 👏 Keep it simple don't overthink it :) We almost have the same avatar, bearded guys unite! :D
Mahmoud AbdelwahabJul 10, 2020
mahmoud.codes

Built using Gatsby, Theme-UI and emotion. Deployed to Netlify
- TheOnlyBeardedBeastJul 10, 2020
  Cool 👏 I like it.
- NaveenJul 10, 2020
  Dude, your SSL is got some error. Please look at it.
  
  The dark mode is too nice, and thanks for better dark mode colour.
  - Mahmoud AbdelwahabJul 10, 2020
    Oh damn. Thanks for letting me know!
Carl EvansJul 10, 2020
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 😊
- TheOnlyBeardedBeastJul 10, 2020
  You got me with that one, nice, simple minimalistic, nice colors 👏
- NaveenJul 10, 2020
  Nice colour section carl
VuelancerJul 10, 2020
- vuelancer.live
- TheOnlyBeardedBeastJul 10, 2020
  Feels like ubuntus colors inspired you, nice job 👏
Kartik NairJul 10, 2020
I've tried to keep mine pretty simple: kartikn.me

It's built statically from markdown using Next.js and hosted on Vercel.
- TheOnlyBeardedBeastJul 10, 2020
  Nice, again simple clear 👏 great work
BobbyJul 10, 2020
My personal website is: Bobby Iliev
And here is a website that I've been helping with recently: DevDojo you should check it out!
- TheOnlyBeardedBeastJul 10, 2020
  Nice portfolio 👏 devdojo looks nice, I will save it to my bookmarks.
  - BobbyJul 13, 2020
    Thanks for the nice feedback! 🙌
TheOnlyBeardedBeastJul 10, 2020
Feels like an old game interface, interesting 👏 great job!
Pemba Rinzi SherpaJul 10, 2020
This is something I made for just practicing in my early days.

pemba007.netlify.app/
- TheOnlyBeardedBeastJul 10, 2020
  Flat design, nice 👏
Shravan Kumar BJul 10, 2020
My blog : ohmyscript.com
- TheOnlyBeardedBeastJul 10, 2020
  Nice, is it your own wordpress theme?
  - Shravan Kumar BJul 10, 2020
    yes.
    - TheOnlyBeardedBeastJul 10, 2020
      Good work !
Pradeep CEJul 10, 2020
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! 🙂
- TheOnlyBeardedBeastJul 10, 2020
  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.
Cesar AguirreJul 10, 2020
Here is mine: canro91.github.io/ It's a Jekyll site with Hyde theme
- TheOnlyBeardedBeastJul 10, 2020
  Nice, you have some interesting .net articles, I will definitely check them out! 👏
BillaJul 10, 2020
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
- TheOnlyBeardedBeastJul 10, 2020
  Nice 👏 keep it up!
  - BillaJul 10, 2020
    Thanks
Chad AdamsJul 10, 2020
I tried to keep the design simple and minimal.

chadalen.com
- Frontend: React + Gatsby.js
- CMS: Netlify CMS
- CSS Framework: Material UI
- Host: Netlify
- TheOnlyBeardedBeastJul 10, 2020
  Good work clear and informative, nice projects you have there 👏
  - Chad AdamsJul 10, 2020
    Thanks :)
- perpetual . educationJul 10, 2020
  That's a lot of tech for 'simple' ! Photo feels very nice and human.
  - Chad AdamsJul 11, 2020
    I mean the UI/Design not the tech stack haha
Uriel BittonJul 10, 2020
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)
- TheOnlyBeardedBeastJul 10, 2020
  Great work, nice colors 👍 I think you exactly know what you are doing 👏
  - Uriel BittonJul 10, 2020
    Thanks man!
Richie McCollJul 10, 2020
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
- TheOnlyBeardedBeastJul 10, 2020
  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
  - Richie McCollJul 10, 2020
    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!
TheOnlyBeardedBeastJul 10, 2020
Thanks for the insight 🙏
Andrew PillarJul 10, 2020
Mine: andrewpillar.com

A simple static site, no JS, no frameworks, just plain HTML files served via NGINX.
- TheOnlyBeardedBeastJul 10, 2020
  That's a nice simple and stable solution 👏
AgustínJul 10, 2020
Hi!, this my web portfolio: agustinl.dev/

Clean simple and minimalistic haha.
- TheOnlyBeardedBeastJul 10, 2020
  These 3 words in one sentence, exactly how I like it 👏
TheOnlyBeardedBeastJul 10, 2020
Great work ! 👏
Thomas BntJul 10, 2020
This is a website for one of my project on GitHub.

Used :
- Bootstrap v5 bêta
- Fork Awesome
- Web Monetization
- TheOnlyBeardedBeastJul 10, 2020
  nice 👏
  - Thomas BntJul 11, 2020
    Thanks!
Md RathikJul 10, 2020
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:
- TheOnlyBeardedBeastJul 10, 2020
  nice and cool, wishing the best 👏
  - Md RathikJul 12, 2020
    thank you
Deepak ChhitarkaJul 10, 2020
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.
- TheOnlyBeardedBeastJul 10, 2020
  Continue with the work, keep it up 👏
Jimmy KleinJul 10, 2020
Here is mine : jimmyklein.fr

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 !
- TheOnlyBeardedBeastJul 10, 2020
  Nice, its good to see a lot of developers leaning towards simplicity, good job 👏
Jason C. McDonaldJul 10, 2020
Here's mine, indeliblebluepen.com/

Built with pure HTML and CSS. And yes, those block cursors blink.
- TheOnlyBeardedBeastJul 10, 2020
  I like it, the bow tie is classy with that mustache! 👏
  - Jason C. McDonaldJul 10, 2020
    Thank you very much.
Kenan AjkunicJul 10, 2020
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.
- TheOnlyBeardedBeastJul 10, 2020
  Nice, your neons are glowing bright :D Definetly a short one, keep me updated if you will make any changes. 👏
  - Kenan AjkunicJul 10, 2020
    Sure will! Thanks for checking it out :D
Gudi VaraprasadJul 10, 2020
Link : gudivaraprasad.github.io/Projects/...

Thankyou for your view. Please rate it !!
I am very new to Web Development... :))
- TheOnlyBeardedBeastJul 10, 2020
  Looks like a good beginnig, I think you should center the content of you footer, would be much better! Kepp it up 👏
  - Gudi VaraprasadJul 11, 2020
    Thank you so much, will update the required changes soon....
    😀😀
Ovienadu KenJul 10, 2020
Here's mine. kenovienadu.me
It was build using react a few months ago. What are your thoughts?
- TheOnlyBeardedBeastJul 10, 2020
  Nice I like the background and color combination choices, great work 👏
  - Ovienadu KenJul 10, 2020
    Thank you
Waylon WalkerJul 10, 2020
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.
- TheOnlyBeardedBeastJul 10, 2020
  Nice. Feels grunge, the cards like posters on a pub wall 👍 👏
Rurick Maqueo PoisotJul 10, 2020
Mine is rurick.dev still WIP
the front is NextJs and there is not back (yet) just a lambda in Amazon
deployed in Zeit

It has Darkmode too
- TheOnlyBeardedBeastJul 11, 2020
  I like the art and the simplicity light/dark works great, nice job 👏
Peyton McGinnisJul 10, 2020
sergix.dev

Vue, Gridsome, and TailwindCSS

Now web monetized!
- TheOnlyBeardedBeastJul 11, 2020
  Amazing designs, I really like it, if you would like to cooperate in the future, let me know 👏
  - Peyton McGinnisJul 11, 2020
    That'd be awesome! If you have any ideas hit me up!
KJul 10, 2020
kay.is

Shortest domain I could get and one HTML file on GitHub Pages, nothing fancy.
- TheOnlyBeardedBeastJul 11, 2020
  That's nice, if I would you I were make that content as a big card, so outer shadows same top and bottom margin and a plain white bckground for the card, gray background for the page. I see you have a lot of experience, nice job 👏 I had a domain with the same length :)
Thomas MaitretJul 10, 2020
Here is mine: thomasmaitret.fr
Pretty simple one with basic blog fonctionnality, built with sapper and deployed to Netlify.
- TheOnlyBeardedBeastJul 11, 2020
  You don't have a lot of blog posts, but it looks great, the top gradient just give it something more, so it doesnt feel empty, 👏 nice job
Alexi Taylor 🐶 Jul 11, 2020
Here's what I got: alexitaylor.dev

Tech Stack:
- Next.js
- Some Tailwind
- Hosted on Vercel
- TheOnlyBeardedBeastJul 11, 2020
  I like how the white border and the bold text plays together with that animated background, nice job 👏
RoseJul 11, 2020
rosey.dev ♥️ just html/css/JavaScript, very basic. Hosted by/deployed via netlify. One day I'll do a big update and make it super cool. One day.
- TheOnlyBeardedBeastJul 11, 2020
  That's just enough, nice job 👏 if you once find time to remake it, let me know make a post about it!
AJJul 11, 2020
Here's mine css-ninja.netlify.app/ build using Hugo and hosted using Netlify. Used zappier to connect various apps and automate stuff.
- TheOnlyBeardedBeastJul 11, 2020
  Nice page 👏 and nice setup!
Ishan SharmaJul 11, 2020
Thanks for reporting the issue. I'm sorry that you had to face it.
It's probably a bug with the container css, I'll surely fix it soon.
Jonathan YeongJul 11, 2020
Here's mine jonathanyeong.com.
- No Frontend framework
- Hugo as the static site generator.
- Deployed on Netlify
- Forestry.io as the headless CMS.
I'm a backend developer so design is definitely not my forte. Currently, trying to come up with redesigns. Any feedback is greatly appreciated!
- TheOnlyBeardedBeastJul 11, 2020
  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 👏
James TurnerJul 11, 2020
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.
- TheOnlyBeardedBeastJul 11, 2020
  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.
  - James TurnerJul 11, 2020
    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?
    - TheOnlyBeardedBeastJul 11, 2020
      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.
Arman KhanJul 11, 2020
Here's mine. Built in React with Styled components.
iarmankhan.github.io
- TheOnlyBeardedBeastJul 11, 2020
  That's nice, keep it up 👏
Anik KhanJul 11, 2020
@theonlybeardedbeast
Yours is really amazing; to the point. I liked it
Shubhank SaxenaJul 11, 2020
Here is mine [WIP]
shubhank.codes
- TheOnlyBeardedBeastJul 11, 2020
  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 👏
  - Shubhank SaxenaJul 11, 2020
    Thank you. Will definitely keep that in mind
Abhishek JainJul 11, 2020
Here's mine abhishekdev.tech.

Please give your feedback and suggestion if something needs to be improved.
- TheOnlyBeardedBeastJul 11, 2020
  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 👏
  - Abhishek JainJul 11, 2020
    Hey thanks for the suggestion, i am definitely gonna do it.😄😄
Ben WinchesterJul 11, 2020
I would love feedback on my portfolio. Pretty basic using Gatsby. benwinchester.dev
- TheOnlyBeardedBeastJul 11, 2020
  Thats a nice page you have first I thought you are just switching some premade background images but as I dived deeper I saw that you I really running the game of life on a canvas, nice job 👏 A small tweak could improve the look, at least 5-15 px spacing between the footer icons, because you have these technology circles always spaced, so the page would describe the same styling :)
SoniaJul 11, 2020
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.
- TheOnlyBeardedBeastJul 11, 2020
  Nice stack, I like the color choices, nice and readable 👏
RichardJul 11, 2020
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.
- TheOnlyBeardedBeastJul 11, 2020
  Thats a nice site you have built! 👏 I really like the intro screen graphics, congrats! Try i18n-react for translations ;)
  - RichardJul 11, 2020
    Thankyou I'll look into that, should be easier than rewriting the entire site in my native language. 😁
manuelJul 11, 2020
wildauer.io/

I feel with you! :)
Cédric FoellmiJul 11, 2020
arcsecond.io

Django + Vue.js (Vanilla) – because I need to move fast. Project has a 10-years plan of development...
- TheOnlyBeardedBeastJul 11, 2020
  That's a really cool project, I don't know django but vue is great, I used it before, nice job 👏
TheOnlyBeardedBeastJul 11, 2020
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 👏
Amir MeimariJul 11, 2020
I've decided to take a different route and make my portfolio an old newspaper 😊😅

amirmeimari.ir/
- TheOnlyBeardedBeastJul 11, 2020
  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. 👏
  - Amir MeimariJul 12, 2020
    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...
    - TheOnlyBeardedBeastJul 12, 2020
      That looks really great! Excellent work!
- Kostia PalchykJul 11, 2020
  Thats a great idea, Amir!
  - Amir MeimariJul 12, 2020
    Thanks Kostia!
TheOnlyBeardedBeastJul 11, 2020
You page is really nice and clear, well readable, and you have a nice setup behind! 👏
TheOnlyBeardedBeastJul 11, 2020
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
Frans AllenJul 11, 2020
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.
- TheOnlyBeardedBeastJul 11, 2020
  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 👏
  - Frans AllenJul 11, 2020
    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.
Martin BelevJul 11, 2020
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.
- TheOnlyBeardedBeastJul 11, 2020
  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 👏
  - Martin BelevJul 11, 2020
    Thank you 🙌
Amit ChambialJul 11, 2020
Here’s mine : portfolio.devaman.dev

Built using pure HTML CSS and JS.
Better to open on Desktop
- TheOnlyBeardedBeastJul 11, 2020
  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 👏
  - Amit ChambialJul 11, 2020
    Thanks for the feedback 😊
Nam NguyenJul 11, 2020
Here is mine namietalkie.com. It looks simple. So I appreciate if you have any comments on it.
- TheOnlyBeardedBeastJul 11, 2020
  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 👏
  - Nam NguyenJul 11, 2020
    Thank you. I will improve your site by your suggestions
Hemant JoshiJul 11, 2020
hemant.codes

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

But still under development,
- TheOnlyBeardedBeastJul 11, 2020
  Nice page, good job, classic stack. 👏
  - Hemant JoshiJul 11, 2020
    Thanks!!
Amarnath KarthiJul 11, 2020
97amarnathk.github.io

Built using Jekyll , and Primer CSS.
- TheOnlyBeardedBeastJul 11, 2020
  Really clean and minimalistic, nice art. Great job 👏
  - Amarnath KarthiJul 11, 2020
    The art is actually Pablo Stanley's OpenPeeps. It's an illustration library
    - TheOnlyBeardedBeastJul 11, 2020
      Never heard of it, thank you I will check it out
Judicaël AndriamahandryJul 11, 2020
Here is mine Judicael portfolio. The technology used is Gatsbyjs and typescript
- TheOnlyBeardedBeastJul 11, 2020
  Nice, and nice designs on dribble 👏
  - Judicaël AndriamahandryJul 11, 2020
    thank you so much😁
Quentin DelcourtJul 11, 2020
Loving the Amiga vibes here!
Nivesh SaharanJul 11, 2020
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.
- TheOnlyBeardedBeastJul 11, 2020
  Really nice minimalistic page, both the page and a post detail looks good 👏
  - Nivesh SaharanJul 11, 2020
    Post details page is my favourite 😍
rajeshpeddalachugariJul 11, 2020
Mine, rajeshpeddalachugari.github.io/
Recently completely re-written in Vue.js.
Used W3.CSS as css framework, which is my favourite css framework.
- TheOnlyBeardedBeastJul 11, 2020
  Nice job 👏 Vue is a solid choice!
  - rajeshpeddalachugariJul 11, 2020
    Thanks. 🙂
Benito van der ZanderJul 11, 2020
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
- TheOnlyBeardedBeastJul 11, 2020
  Hmm really interesting setup 👏 yeah old school, I remember to write my first page with tables as a teenager :D
  - Benito van der ZanderJul 11, 2020
    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
Kostia PalchykJul 11, 2020
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:

Text to GIF animation — React Pet Project Devlog

Kostia Palchyk ・ Jun 17 ・ 6 min read

#webdev #javascript #react #showdev
- TheOnlyBeardedBeastJul 11, 2020
  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
  - Kostia PalchykJul 11, 2020
    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!
    - TheOnlyBeardedBeastJul 11, 2020
      No porblem, anytime!
Quentin DelcourtJul 11, 2020
Well it's never too late 😄 although it might be a bit difficult to find one nowadays 😁
Cristian OjedaJul 11, 2020
Hi, here's mine.
Https://sermultimedia.com.ar.
It's only html, css and vanilla js.
Greetings from Argentina
- TheOnlyBeardedBeastJul 11, 2020
  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!
  - Cristian OjedaJul 11, 2020
    You are right, I will work on correcting those errors.
    Thank You :)
RomainJul 11, 2020
Here's mine rherault.fr.
Build in Symfony and VueJS with the great TailwindCSS framework.
In french sorry :)
- TheOnlyBeardedBeastJul 11, 2020
  Really nice, the transition on the projects is brilliant!
Dylan O'LearyJul 11, 2020
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!
- TheOnlyBeardedBeastJul 11, 2020
  Really nice setup, I will try digital ocean in the future, the pricing seem fair, betten than amazon or azure. Nice job 👏
Marco Antonio DominguezJul 11, 2020
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
- TheOnlyBeardedBeastJul 12, 2020
  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.
  - Marco Antonio DominguezJul 12, 2020
    Nice! Thank you for report that., I'll take a look.
Ricardo BossJul 11, 2020
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.
- TheOnlyBeardedBeastJul 12, 2020
  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".
  - Ricardo BossJul 12, 2020
    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!
Nelson MartinsJul 11, 2020
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
- TheOnlyBeardedBeastJul 12, 2020
  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.
  - Nelson MartinsJul 15, 2020
    Thank you for your feedback. I've updated meanwhile
Glen ConnollyJul 12, 2020
That time to first paint 🤩 so clean and fast! Very nice
Pi KeJul 12, 2020
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.
- TheOnlyBeardedBeastJul 12, 2020
  Nice one 👏 good luck for the next one!
  - Pi KeAug 8, 2020
    Thank u and yes will keep up.
Vikram KadiamJul 13, 2020
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.

How I built my first portfolio website using just Angular

Vikram Kadiam ・ Jul 10 ・ 3 min read

#showdev #angular #portfolio #website
- TheOnlyBeardedBeastJul 13, 2020
  Hi Vikram nice job 👏 I like the overall style, the green you choose is nice, angular is interesting choice these days.
Sergey TodyshevJul 14, 2020
here is mine tsvbits.com. GatsbyJS based
- TheOnlyBeardedBeastJul 14, 2020
  Simple clear fast, I like that you have the content centered, nut 100% width what makes the text more readable, nice job 👏
  - Sergey TodyshevJul 15, 2020
    actually it is a fork of github.com/gaearon/overreacted.io :)
Kush DagaAug 20, 2020
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
- TheOnlyBeardedBeastAug 20, 2020
  Nice one, interesting cursor behavior
  - Kush DagaAug 20, 2020
    Thanks!
Hussain ArthunaOct 20, 2020
Here’s mine hussainarthuna.dev/

Technology used

ReactJs
NextJs
Material UI
Shivam PawarJul 23, 2022
shivam-pawar.vercel.app/

Add comment