haywayaheadshot / abu-the-portfolio Goto Github PK

[Bug Description]

When a user visits the projects section on a mobile device, there is extra padding on the x-axis. This because the "Built With" section on each project card overflows.

[Suggested Fix]

• Add a "flex-wrap" property to the "Built With" section class and set its value to "wrap"

• Add google analytics code to index.html

• Properly layout developer image on the desktop
• Do not make image too big to overshadow landing page paragraph
• Display social media icons under image

• Create hover pseudo-class for buttons
• Create active pseudo-class for navigation li
• Create enabled pseudo-class for navigation li
• Create hover pseudo-class for social-media icon to increase scale

Bug description

• The construction of the sentences below is not correct.

abu-the-portfolio/src/pages/About.js

Lines 22 to 31 in a5a1e14

	Completely immersed in development while working on a
	number of projects,
	including a react calculator using JavaScript, React,
	and Redux.
	While at Microverse, I am spent 8 hours per day working
	remotely with developers from 10+ different time zones,
	where I am ensuring 100% on-time project completion.
	I am passionate about building user-friendly websites and
	am knowledgeable in creating accessible,
	user-friendly, and responsive web applications.

Suggested fix

• Rewrite the whole paragraph again.
• Make sure to also correct it on Linkedin.
• You could re-write the whole section to sell you better

• Add Arha deals- Backend -project to the back-end and full-stack category.

[Bug Description]

• Google analytics is not receiving any data because the wrong tags were used.

[Suggested Fix]

• Go to your google analytics dashboard and install google tags manually again.

• Add Arha deals project to the front-end and full-stack category.

Typo Description

• The line below has "hesitate" spelt wrongly

abu-the-portfolio/src/pages/Home.js

Line 45 in a5a1e14

try not to hestiate to contact me.

Suggested fix

• Change "hestiate" to "hesitate"
• Also try to rewrite the whole paragraph. Make it more welcoming.

• Just a suggestion, that it is better to add your live site URL in the about section of your repository.
• In this way people can access your website easily.

Add screenshots of all projects displayed on the project page

• Change email in the About page from "[email protected]" to "[email protected]"

• By default the app is in dark-mode because of the colors used.
• Change background to white for light mode.
• Change fonts to black for light mode
• Check bar-ball animation to see if it needs color change for light mode and style accordingly. Else, leave it as it is.

• Add other Google fonts to style.md and decide which one to use
• Cartoonish font looks great for the logo