Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fahmizainal17/fahmi_zainal_portfolio
A dynamic portfolio website built with Streamlit to showcase Fahmi Zainal 's professional journey, achievements, and projects in an engaging and interactive way.
https://github.com/fahmizainal17/fahmi_zainal_portfolio
fahmizainal-portfolio streamlit web-application
Last synced: about 1 month ago
JSON representation
A dynamic portfolio website built with Streamlit to showcase Fahmi Zainal 's professional journey, achievements, and projects in an engaging and interactive way.
- Host: GitHub
- URL: https://github.com/fahmizainal17/fahmi_zainal_portfolio
- Owner: fahmizainal17
- License: other
- Created: 2024-07-31T07:53:21.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-21T03:14:32.000Z (3 months ago)
- Last Synced: 2024-11-21T04:19:22.236Z (3 months ago)
- Topics: fahmizainal-portfolio, streamlit, web-application
- Language: Python
- Homepage: https://fahmizainal-portfolio.streamlit.app/
- Size: 48.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License
Awesome Lists containing this project
README
# **📊 Fahmi Zainal Portfolio Website** [](https://wakatime.com/badge/user/ae82a943-125e-489a-a656-e35fe84d587b/project/81353421-ab92-4d3f-abcc-80983a383efa)
---
## **📋 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](#-objectives)
2. [🔧 Technologies Used](#-technologies-used)
3. [🗂️ Directory Structure](#-directory-structure)
4. [📁 Key Features](#-key-features)
5. [🔄 Project Workflow](#-project-workflow)
6. [🎉 Conclusion](#-conclusion)
7. [🔮 Future Enhancements](#-future-enhancements)
8. [📜 License](#-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**
Additional Tools:
- **Pandas**: Data handling and processing.
- **Matplotlib**: Visualization of project achievements and analytics.
---
## **🗂️ Directory Structure**
```plaintext
.
├── 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](https://streamlit.io/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.
---