DEV Community

Cover image for Show me your personal website/portfolio
TheOnlyBeardedBeast
TheOnlyBeardedBeast

Posted on

Show me your personal website/portfolio

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, 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!

Oldest comments (266)

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
 
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
 
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
 
dastasoft profile image
dastasoft

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/

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast

Nice, update this comment after you finish it ;) I almost did the same Japanese text to non-japanesse animation, interesting πŸ‘

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
 
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
 
vasilianoshin profile image
Vasili Anoshin

I'm think your portfolio is amazing !

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast

Thank you :)

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
 
hougesen profile image
Mads Hougesen • Edited

mhouge.dk is my portfolio.

Nothing fancy, just a simple HTML/CSS/JS site.

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast

Nice and simple πŸ‘

Collapse
 
ajeet profile image
Ajeet Yadav

I have a blog:
ajeet.dev/

yours is supercool :)

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast

Thank you. Yours is nice and colorful, great articles will look into them later πŸ‘