Skip to content

Latest commit

 

History

History
executable file
·
167 lines (122 loc) · 6.48 KB

README.md

File metadata and controls

executable file
·
167 lines (122 loc) · 6.48 KB

📊 Fahmi Zainal Portfolio Website wakatime

📋 Overview

The Fahmi Zainal Portfolio Website is a personal web application built using Streamlit. This platform highlights my professional achievements, certifications, projects, work experience, and educational background. It provides a dynamic and visually engaging experience for visitors to explore my career journey and expertise in fields such as data science, software development, and beyond.

Table of Contents

  1. 🎯 Objectives
  2. 🔧 Technologies Used
  3. 🗂️ Directory Structure
  4. 📁 Key Features
  5. 🔄 Project Workflow
  6. 🎉 Conclusion
  7. 🔮 Future Enhancements
  8. 📜 License

🎯 Objectives

  • 🌍 Showcase my expertise in data science, machine learning, and related fields.
  • 📚 Present my work effectively through organized and interactive web pages.
  • 💻 Provide downloadable resources for visitors, such as CVs, certificates, and project details.
  • 🔗 Offer a centralized hub for professional connections and feedback.

🔧 Technologies Used

Python
Streamlit
Docker

Additional Tools:

  • Pandas: Data handling and processing.
  • Matplotlib: Visualization of project achievements and analytics.

🗂️ Directory Structure

.
├── Dockerfile                  # Container setup for deployment
├── License                     # Licensing information
├── README.md                   # Project documentation
├── app
│   ├── 1_Home_🏠.py             # Homepage script
│   ├── component.py            # Shared UI components
│   └── pages                   # Individual pages
│       ├── 2_Achievements_🏆.py
│       ├── 3_Certifications_📊.py
│       ├── 4_Projects_💼.py
│       ├── 5_Experience_💻.py
│       ├── 6_Education_🎓.py
│       ├── 7_Materials_📚.py
│       └── 8_Feedback_and_Discussion_💬.py
├── assets
│   ├── background_sidebar.jpg  # Sidebar background image
│   ├── Home_Page_Portfolio.png # Homepage preview image
│   └── tile.gif                # Animated tile GIF
├── photos
│   ├── Achievements            # Images related to achievements
│   ├── Certifications          # Images of certifications
│   ├── Experience_Company_Logo # Company logos from experience
│   ├── My_Photo                # Profile photos
│   └── Projects                # Screenshots of projects
└── requirements.txt            # Project dependencies

📁 Key Features

1. 🏠 Home Page

  • Introduction and personal background.
  • Links to key sections of the portfolio.

2. 🏆 Achievements Page

  • Highlights of professional and personal accomplishments.
  • Visual representation of achievements with supporting images.

3. 📊 Certifications Page

  • A comprehensive list of certifications with visual previews.
  • Organized categorically for easy navigation.

4. 💼 Projects Page

  • Detailed descriptions of my projects, including key contributions, tools, and results.
  • Images and links to project repositories or live demos.

5. 💻 Experience Page

  • Overview of work experience, roles, and responsibilities.
  • Logos of companies where I’ve worked.

6. 🎓 Education Page

  • Academic background and achievements.
  • University affiliations and coursework highlights.

7. 📚 Materials Page

  • Resources for visitors to download, such as CVs, presentations, and project reports.

8. 💬 Feedback and Discussion

  • A form for visitors to leave feedback or ask questions.
  • Dynamic engagement with viewers.

🔄 Project Workflow

  1. 📂 Environment Setup:

    • Install dependencies using requirements.txt.
    • Use Docker for containerized deployment.

  2. 🔍 Content Organization:

    • Structure content into dedicated pages for streamlined navigation.
    • Add supporting visuals like certificates, project screenshots, and logos.

  3. 🧩 Development:

    • Build interactive pages using Streamlit components.
    • Optimize for user experience with responsive design elements.

  4. 🚀 Deployment:

    • Host the portfolio on Streamlit Cloud or deploy via Docker on a personal server.

🎉 Conclusion

The Fahmi Zainal Portfolio Website is a one-stop platform for showcasing my expertise, achievements, and projects. It combines professionalism with interactivity, providing an engaging way for visitors to learn more about me and my work.

🔮 Future Enhancements

  • 🌐 Multilingual Support: Add language options to cater to diverse audiences.
  • 📊 Data Visualizations: Include dynamic visualizations for achievements and project metrics.
  • 🔗 External Integrations: Link to GitHub, LinkedIn, and other professional profiles.

📜 License

Fahmi Zainal Custom License

All rights reserved. Unauthorized copying, use, or distribution of this project or its components is strictly prohibited. Contact me for permissions or inquiries.