venkivijay/portfolio

Personal Portfolio powered by @vuejs

👋 Hey there! I'm Venki Vijay

Glad to see you here  

🔗 Grab a link! Let's talk.

💻 Things I code with

👨‍💻 Languages

🧰 Frameworks & Libraries

☁️🗄️ Cloud hosting & Database

⚙️ Softwares & Tools

Weather

Today's weather	It's morning here!
Temperature: 26°C Sun Rise: 06:02 AM Sun Set: 06:44 PM Weather: haze

portfolio's Issues

IconSprite Problem

• To generate TheIconSprite.vue file, as a developer I use a web-based generator.
• Issue is there are some style changes that need to be made in the generated sprite file like fixing fill and stroke attributes and these are done manually. Also, the order of icons gets changed each time I generate.
• I need a consistent solution to generate TheIconSprite.vue file which takes in all svg files inside the assets directory and outputs a .vue file to the components directory. Make necessary changes to fill and stroke styles and optimize each individual svg before combining them.

Landing directly to an anchor doesn't properly place the content

Describe the bug
Landing directly to an anchor page like dev.venkivijay.com/#about doesn't properly place the anchor with header_offset.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'dev.venkivijay.com/#about'
2. See that the About anchor on the page is placed at the top behind the header

Expected behavior
The About anchor on the page should be placed below the header.

Enhance home page when JS is disabled

When javascript is disabled we just see an excuse message. Instead, show a minimal webpage with contact information so that no leads are lost.

Handle 404 error

Currently, netlify's default 404 page is shown on error. Create a new component to handle wrong routes.

Improve contact form error message

If an error occurs when submitting the contact form, then just a simple error message is shown. Instead, it would be great if other means of contact are shown so that no leads will be lost.
Creating a custom component inside toast with social links might be a good solution.

Squished skill cloud

Describe the bug
On initial page load, when the skill cloud icons are first loaded, the cloud gets squished as there is not enough space.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://dev.venkivijay.com/'
2. Do an "Empty cache and hard reload in chrome"
3. Scroll down to 'skills section'
4. The skill cloud should appear squished

Expected behavior
Skill cloud should be rendered properly

Screenshots

Project card links are opened over the same page

Expected behaviour: Any external link on-page should be opened on a new tab.

[BUG] SkillCloud overlaps with the overlay menu in mobile view

Describe the bug
SkillCloud overlaps with the mobile menu as z-index is low.

To Reproduce
Steps to reproduce the behavior:

1. Open the site in mobile view
2. Scroll down to Skills session
3. Click the hamburger icon at the top to open menu
4. Notice that the top-most icons in skillcloud overlaps with menu

Expected behavior
Skillcloud should not be visible when mobile menu is open

Screenshots

Home nav link not active on initial page load

On initial page load URL is "/" and so Home link in navbar doesn't get "active" class to it. Redirect "/" to "/#home" on initial page load.