Skip to content

Passion-Over-Pain/Tinotenda-Mhedziso

Repository files navigation

Tinotenda Mhedziso's Portfolio Website

3D Rendering Of Tinotenda Mhedziso With Green Glow

Welcome to the documentation for my portfolio website, which serves as a digital representation of my skills, projects, and professional presence. The portfolio reflects my passion for software/web development, design aesthetics, and interactive technology.


Table of Contents


About the Portfolio

This portfolio is a one-stop platform to showcase my:

  • Professional Overview: Highlights my skills, experience, and aspirations.
  • Selected Projects: Demonstrates my technical expertise through real-world applications.
  • Skills: Features the technologies I specialize in.
  • Personal Chatbot (Passion): An AI-powered chatbot designed to enhance user interaction.
  • Social Pages: Links to my professional and creative profiles.

Note

The theme of the portfolio integrates my favorite colors, a peacock aesthetic, and a hacker/video game-inspired narrative for a modern, engaging experience.


Live Website

Access the live site: tinotenda-mhedziso.pages.dev


Preview

Below is a sneak peek of the my portfolio website:

image


Features and Highlights

1. Design Aesthetics

The design is tailored to reflect a unique narrative and professional persona, with:

  • A responsive layout optimized for all screen sizes.
  • A consistent peacock-inspired color palette that resonates with elegance.
  • Engaging 3D rendering and subtle animations for a dynamic user experience.

2. Interactive Chatbot (Passion)

Passion is my AI-powered chatbot that allows users to:

  • Learn more about my professional journey.
  • Provide feedback or ask questions about the portfolio.
  • Engage in conversations in an intuitive manner.

3. Technical Build

The portfolio was built using:

Technology Purpose
HTML5 Structured the website's content and layout.
CSS3 Styled the visual elements, including animations and color schemes.
JavaScript Enabled interactivity, such as form validation and chatbot functionality.
GitHub Pages Deployed the website for easy accessibility and maintenance.
CloudFlare Pages Redundancy deployment, more dev-friendly domain, and web analytics.
Botpress Node-based chatbot framework with two conversation modes.
Webhooks & Make.com Integrated external services for automation, email sending, and authentication.

4. SEO Optimization

To ensure the portfolio is discoverable, the following strategies were implemented:

  • Meta Tags: Optimized titles, descriptions, and keywords for search engines.
  • Alt Text: Applied descriptive text to images for accessibility and SEO ranking.
  • Performance Optimization: Minimized file sizes and implemented lazy loading for faster loading times.
  • Google Search Ranking: Currently ranked 2nd on Google for the keyword "Tinotenda Mhedziso," after my LinkedIn profile page.

Sections Breakdown

Section Description
Home A landing page with a bold background, my name, and an interactive to-do-like quest checklist.
About A personal narrative including my background, career journey, and interests.
Projects Featured projects with descriptions, screenshots, and GitHub links.
Skills A categorized list of my technical skills and proficiencies.
Socials Some social posts, my social links and the section to contact me if needed. My chatbot can also take and respond to emails.

Contributions

I welcome feedback and collaboration! Feel free to:

  • Review and Clone: Examine the project code and adapt elements that inspire you. However, I encourage you to create something unique that reflects your personal brand.
  • Collaborate: Reach out to me if you’re interested in working together on your portfolio or a related project.

Feedback Options

  • Use my chatbot, Passion, for immediate feedback through leaving me a message.
  • Open a GitHub issue on the repository.
  • Connect with me on LinkedIn.

Future Enhancements

Planned updates for the portfolio:

  1. Add a blog section to share insights and tutorials. ✅
  2. Integrate more advanced animations using libraries like GSAP. ✅
  3. Add more quests, advancing levels to atleast 3. ❌
  4. Enhance the chatbot with natural language processing for deeper interactions. ✅
  5. Include a dedicated section for certifications and recognitions. ❌
  6. Possibly add a testimonal section. ❌

Attribution

  • Icons FlatIcons
    * Xinh Studio
    * Pericon
    * Freepik
    * Wanicon
    * Sympnoiaicon
    * itim2101
    * StorySet

Final Note

This portfolio is a testament to my continuous learning and growth in web development. I hope it serves as both an inspiration and a functional showcase of my abilities.

Tip

Success is a measure of the growth I’ve achieved through my own failures.

Dev.to | Email | GitHub | LinkedIn | Website

About

My Portfolio website that includes my social links such as LinkedIn and GitHub.

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors