How to build a Good Portfolio Website - My Approach.

Design Tools CMS Web Fonts And Design Assets

unDraw Landing Page

1

unDraw

Open-source illustrations for every project you can imagine and create.

#Illustrations #Design Tools #Web Development Tools 70 social mentions
Hashnode Landing Page

2

Hashnode

A friendly and inclusive Q&A network for coders

💡 When building the projects for your portfolio, consider providing demo login details (if applicable) to accommodate users who may be hesitant to share their information on unfamiliar websites. Additionally, include GitHub repository links for your projects, ensuring that both the repository and live links open in new pages, not directly on your portfolio website. Lastly, if you've authored blog posts on platforms like dev.to or hashnode.com, consider pulling your articles directly from their API to showcase them on your website rather than just providing a link to them.

#Web App #Social Media Tools #Software Engineering 120 social mentions
GitHub Landing Page
3

GitHub

Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.
Pricing:
- Open Source
Icons: Fontawesome Development: HTML, SCSS, JavaScript Deployment: Github + Netlify.

#Code Collaboration #Git #Version Control 2038 social mentions
Font Awesome Landing Page
4

Font Awesome

Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!
Pricing:
- Open Source
Icons: Fontawesome Development: HTML, SCSS, JavaScript Deployment: Github + Netlify.

#Web Fonts And Design Assets #Vector Icons #Icon Fonts 127 social mentions
Figma Landing Page

5

Figma

Team-based interface design, Figma lets you collaborate on designs in real time.

Planning and Design: Adobe Xd (but you can also try Figma).

#Design Tools #Prototyping #Design Collaboration 101 social mentions
DEV.to Landing Page

6

DEV.to

Where software engineers connect, build their resumes, and grow.

💡 When building the projects for your portfolio, consider providing demo login details (if applicable) to accommodate users who may be hesitant to share their information on unfamiliar websites. Additionally, include GitHub repository links for your projects, ensuring that both the repository and live links open in new pages, not directly on your portfolio website. Lastly, if you've authored blog posts on platforms like dev.to or hashnode.com, consider pulling your articles directly from their API to showcase them on your website rather than just providing a link to them.

#CMS #Blogging #Blogging Platform 384 social mentions
Coolors.co Landing Page

7

Coolors.co

The super fast color schemes generator! Create, save and share perfect palettes in seconds!

#Design Tools #Color Gradients #Color Tools 536 social mentions