DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,274 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Whatsapp Portfolio Website
Dhanush N
Dhanush N

Posted on • Originally published at dhanushnehru.hashnode.dev

Whatsapp Portfolio Website

Introduction

A portfolio website provides your information to consumers, potential clients, and job hires. It is the place to showcase your work and let the world know who you are and what you are up to.

When a potential client, HR, or anyone visits your portfolio site, they should get a feel of your strengths and what you are capable of. A good portfolio website will surely replace the old-fashioned resumes of job seekers. Building a portfolio and keeping it updated helps in this case. It also helps us to reconnect with what we have done in the past from a single place.

We all have a variety of portfolio sites to showcase what we do. My love for tech has made me think outside the box to build something unique, so I built this whatsapp portfolio site.

So without much explanation, let me showcase my Whatsapp portfolio site.

Idea

Whatsapp Portfolio UI

I just started this with the idea of replicating the WhatsApp UI, where portfolio details of a person can be gotten by chat. It is more of how you chat in WhatsApp.

About the site

My objective in creating this site is to differ from the normal portfolio sites created and also to showcase something as a unique one. Being a full-stack developer who has worked mostly on the backend, I want to create a portfolio site by myself without any external tutorials. By building this whatsapp portfolio site, I want to learn something and use it as well.

The portfolio I built uses the following technologies:

  • HTML

  • CSS

  • Javascript

Features

  • About

  • Skills

  • Resume

  • Education

  • Address

  • Contact

  • Projects

Further Improvements

Still, some things to improve, like testing browser compatibility, updating project links, customisation, etc.

I'm even thinking about having people fill out a form and converting it into a Whatsapp portfolio for them.

I would definitely build another static portfolio site to showcase my works directly. Do drop your portfolio site below for more inspiration.

Thanks a lot for reading ❀️

Feel free to subscribe to my newsletter for more updates on this.
Follow me via Twitter, Instagram, or Github.

Top comments (14)

Collapse
 
lukeshiru profile image
Luke Shiru

If you put a really long text in a message, it breaks the layout. Also Telegram is better 🀣

Collapse
 
dhanushnehru profile image
Dhanush N Author

Thanks for your feedback & letting me know πŸ˜‚

Currently I made my 'whatsapp' to not accept more than 15 characters

Collapse
 
posandu profile image
Posandu

You can fix it by adding word-break: break-all; to your message.

Thread Thread
 
dhanushnehru profile image
Dhanush N Author

Thanks for this, i added a validation of 'maxlength' which doesn't allow the user to type more than 15 characters

Collapse
 
naubit profile image
Al - Naubit

Great article, keep the good work! Liked and followed! πŸš€

Collapse
 
dhanushnehru profile image
Dhanush N Author

Thank you 😊

Collapse
 
victorchukwuemeka profile image
victorchukwuemeka

good one .

Collapse
 
dhanushnehru profile image
Dhanush N Author

Thanks

Collapse
 
jashgopani profile image
Jash Gopani

Unique πŸ‘Œ

Collapse
 
dhanushnehru profile image
Dhanush N Author

Thank you πŸ™‚

Collapse
 
mustafaahmed22 profile image
Mustafa ahmed

can you share source code ?

Collapse
 
dhanushnehru profile image
Dhanush N Author

Currently the code is not opensource

Collapse
 
sn0k3 profile image
Hristo Hristov

Great job! It is really cool!

Collapse
 
dhanushnehru profile image
Dhanush N Author

Thank you very much 😊

Need a better mental model for async/await?

Check out this classic DEV post on the subject.

β­οΈπŸŽ€ JavaScript Visualized: Promises & Async/Await

async await