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.
- About the Portfolio
- Live Website
- Preview
- Features and Highlights
- Sections Breakdown
- Contributions
- Future Enhancements
- Attribution
- Final Note
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.
Access the live site: tinotenda-mhedziso.pages.dev
Below is a sneak peek of the my portfolio website:
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.
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.
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. |
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.
| 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. |
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.
- Use my chatbot, Passion, for immediate feedback through leaving me a message.
- Open a GitHub issue on the repository.
- Connect with me on LinkedIn.
Planned updates for the portfolio:
- Add a blog section to share insights and tutorials. ✅
- Integrate more advanced animations using libraries like GSAP. ✅
- Add more quests, advancing levels to atleast 3. ❌
- Enhance the chatbot with natural language processing for deeper interactions. ✅
- Include a dedicated section for certifications and recognitions. ❌
- Possibly add a testimonal section. ❌
-
Icons
FlatIcons
* Xinh Studio
* Pericon
* Freepik
* Wanicon
* Sympnoiaicon
* itim2101
* StorySet
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.