diff --git a/README.md b/README.md index 2df8431d5..848f831fd 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,8 @@ # Personal Portfolio ⚡️ > A clean, beautiful, responsive portfolio template for Software Developers! -> https://varadbhogayata.github.io +> https://vusi-kunene-matlou.github.io + ![GitHub stars](https://img.shields.io/github/stars/varadbhogayata/varadbhogayata.github.io) ![GitHub forks](https://img.shields.io/github/forks/varadbhogayata/varadbhogayata.github.io) @@ -13,7 +14,7 @@ ### Website Preview

- +

@@ -28,7 +29,7 @@ ## Installation & Deployment 📦 - Clone the repository and modify the content of index.html according to your requirement. -- Add or remove images from `varadbhogayata.github.io/assets/img/` directory as per your requirement. +- Add or remove images from `vusi-kunene-matlou.github.io//assets/img/` directory as per your requirement. - I highly recommend to use [Github Pages](https://create-react-app.dev/docs/deployment/#github-pages) to deploy the website the EASIEST WAY. - To deploy your website, first you need to create github repository with name `.github.io`. Please don't give any other name. - Push the generated code to the `master` branch of this repository. @@ -43,7 +44,7 @@ ✔️ Contact Info\ ✔️ Resume -To view a live example, **[click here](https://varadbhogayata.github.io/)** +To view a live example, **[click here](https://vusi-kunene-matlou.github.io/)** ## Tools Used 🛠️ * [GitHub Pages](https://create-react-app.dev/docs/deployment/#github-pages) - To host my static website (HTML, CSS, JS). diff --git a/assets/css/style.css b/assets/css/style.css index c6fff229b..1db396af3 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,25 +1,21 @@ .profile-pic { - position: relative; - max-width:130px; - max-height:130px; - width: auto; - height: auto; + width: 130px; + height: 130px; overflow: hidden; - /* display: inline-block; */ - - - /* background-size: cover; */ - margin: -31px; - margin-left:-7px; - border: 6px solid rgba(0, 77, 64, 0.4); - border-radius: 50% !important; + border: 6px solid rgba(0, 77, 64, 0.4); + border-radius: 50%; /* Makes it a perfect circle */ + display: flex; + align-items: center; + justify-content: center; } .profile-pic img { width: 100%; - height: auto; + height: 100%; + object-fit: cover; /* Ensures it fills the circle properly */ } + .tracker { /* visibility: hidden; */ position: fixed; @@ -154,6 +150,14 @@ a { padding-left: 1.5rem; } */ +.certificate-img { + width: 100%; + height: 250px; /* or any height that fits your design */ + object-fit: cover; + border-radius: 4px; +} + + blockquote { border-left: 5px solid #795548; color: #795548; diff --git a/assets/img/API-SCANNER-TOOL.jpg b/assets/img/API-SCANNER-TOOL.jpg new file mode 100644 index 000000000..7f952b1fb Binary files /dev/null and b/assets/img/API-SCANNER-TOOL.jpg differ diff --git a/assets/img/Bank Fraud Detection Model.jpg b/assets/img/Bank Fraud Detection Model.jpg new file mode 100644 index 000000000..ee4e4544d Binary files /dev/null and b/assets/img/Bank Fraud Detection Model.jpg differ diff --git a/assets/img/Blockchain-based Secure Voting System.jpg b/assets/img/Blockchain-based Secure Voting System.jpg new file mode 100644 index 000000000..e116fb514 Binary files /dev/null and b/assets/img/Blockchain-based Secure Voting System.jpg differ diff --git a/assets/img/CP-Logo.png b/assets/img/CP-Logo.png new file mode 100644 index 000000000..ca0cbe482 Binary files /dev/null and b/assets/img/CP-Logo.png differ diff --git a/assets/img/DeFi Smart Contract Auditing Tool.jpg b/assets/img/DeFi Smart Contract Auditing Tool.jpg new file mode 100644 index 000000000..dce36d2a0 Binary files /dev/null and b/assets/img/DeFi Smart Contract Auditing Tool.jpg differ diff --git a/assets/img/ENCRIPTION-DECRIPTION-SYSTEM.jpg b/assets/img/ENCRIPTION-DECRIPTION-SYSTEM.jpg new file mode 100644 index 000000000..8def3e95c Binary files /dev/null and b/assets/img/ENCRIPTION-DECRIPTION-SYSTEM.jpg differ diff --git a/assets/img/Golden Key Member Certificate - Vusi Matlou.png b/assets/img/Golden Key Member Certificate - Vusi Matlou.png new file mode 100644 index 000000000..6e72528cf Binary files /dev/null and b/assets/img/Golden Key Member Certificate - Vusi Matlou.png differ diff --git a/assets/img/King Parts.png b/assets/img/King Parts.png new file mode 100644 index 000000000..823395591 Binary files /dev/null and b/assets/img/King Parts.png differ diff --git a/assets/img/PK_Grace_D.png b/assets/img/PK_Grace_D.png new file mode 100644 index 000000000..3020c07ee Binary files /dev/null and b/assets/img/PK_Grace_D.png differ diff --git a/assets/img/Penetration Testing Framework for Web Applications.jpg b/assets/img/Penetration Testing Framework for Web Applications.jpg new file mode 100644 index 000000000..bb210cd8e Binary files /dev/null and b/assets/img/Penetration Testing Framework for Web Applications.jpg differ diff --git a/assets/img/Secure Banking Chatbot with OTP Verification.jpg b/assets/img/Secure Banking Chatbot with OTP Verification.jpg new file mode 100644 index 000000000..6521e3aad Binary files /dev/null and b/assets/img/Secure Banking Chatbot with OTP Verification.jpg differ diff --git a/assets/img/Secure Fintech Mobile App.jpg b/assets/img/Secure Fintech Mobile App.jpg new file mode 100644 index 000000000..8cc974a61 Binary files /dev/null and b/assets/img/Secure Fintech Mobile App.jpg differ diff --git a/assets/img/Ultraliquors.png b/assets/img/Ultraliquors.png new file mode 100644 index 000000000..e9a7c852a Binary files /dev/null and b/assets/img/Ultraliquors.png differ diff --git a/assets/img/Vusi-Kunene-FNB cerificate.jpg b/assets/img/Vusi-Kunene-FNB cerificate.jpg new file mode 100644 index 000000000..e55f94f5d Binary files /dev/null and b/assets/img/Vusi-Kunene-FNB cerificate.jpg differ diff --git a/assets/img/Vusi-passport-new.jpg b/assets/img/Vusi-passport-new.jpg new file mode 100644 index 000000000..498c955a3 Binary files /dev/null and b/assets/img/Vusi-passport-new.jpg differ diff --git a/assets/img/homepage.png b/assets/img/homepage.png new file mode 100644 index 000000000..3b292973d Binary files /dev/null and b/assets/img/homepage.png differ diff --git a/assets/img/passport-new.jpg b/assets/img/passport-new.jpg deleted file mode 100644 index a465073fc..000000000 Binary files a/assets/img/passport-new.jpg and /dev/null differ diff --git a/assets/resume/VUSI_KUNENE_MATLOU_CV.pdf b/assets/resume/VUSI_KUNENE_MATLOU_CV.pdf new file mode 100644 index 000000000..16e492dc4 Binary files /dev/null and b/assets/resume/VUSI_KUNENE_MATLOU_CV.pdf differ diff --git a/assets/resume/Varad_Bhogayata_Resume.pdf b/assets/resume/Varad_Bhogayata_Resume.pdf deleted file mode 100644 index 6852ca0a6..000000000 Binary files a/assets/resume/Varad_Bhogayata_Resume.pdf and /dev/null differ diff --git a/examples/preview.gif b/examples/preview.gif index c4117bb0b..a2adb4244 100644 Binary files a/examples/preview.gif and b/examples/preview.gif differ diff --git a/index.html b/index.html index 184162f13..45230be12 100644 --- a/index.html +++ b/index.html @@ -20,7 +20,7 @@ - Varad Bhogayata | Software Developer + Vusi Matlou | Computer Science @@ -85,7 +85,9 @@ @@ -125,6 +127,14 @@ class="mdi-social-school small">Education +
  • + + Certificates +
    • +
  • - Resume
    • @@ -158,8 +168,7 @@
    - Varad - BhogayataSoftware Developer + Vusi MatlouComputer Science
    @@ -193,8 +202,8 @@ class="mdi-content-mail small">Contact
  • - Resume
    • @@ -209,18 +218,18 @@
    -

    Hi, I'm Varad Bhogayata.

    +

    Hi, I'm Vusi Matlou.

    A
    -
    Self-driven, quick starter, passionate programmer with a curious mind who enjoys solving a complex and challenging real-world problems.
    +
    Self-driven, quick starter, passionate computer science student with a curious mind who enjoys solving a complex and challenging real-world problems.
    -
    Software Engineer
    +
    General Worker
    • - Developed and managed the backend of an e-commerce platform using Flask, MongoDB, and AWS. -
      • -
    • - Worked on three web applications targeting customers, selling vendors, and admin users; built 50+ RESTful APIs with functionalities -such as login/sign up, view a product, add a product to cart, checkout the order, etc. + Managed inventory, stock rotation, and store merchandising to ensure optimal product availability.
      • -
    • Improved the response time by 20% by refactoring the codebase and changing database design and queries.
      • -
    • Added a bulk upload feature which reduced the manual work of adding products into a database.
    • - Tools: Python, Flask, MongoDB + Developed attention to detail and efficiency in a fast-paced environment.
      • +
    • Strengthened teamwork and communication skills while assisting customers.
      • +
    - July 2020 - Nov 2020 | Hyderabad, India + November 2024 - January 2025 | Allensnek, Gauteng
    @@ -346,40 +346,36 @@

    Experience

    - Meditab logo + king Parts logo

    - Meditab + King Parts

    -
    Programmer Analyst
    +
    Sales Assistant
    - Dec 2018 - July 2019 | Ahmedabad, India + April 2024 - August 2024 | Germiston, South Africa
    @@ -388,34 +384,33 @@

    Experience

    - Mtag logo + Ultraliquors logo

    - Mtag - Innovations + Ultra Liquors

    -
    Software Developer
    +
    Ultraliquors IT Intern
    - July 2018 - Nov 2018 | Ahmedabad, India + March 2023 - June 2023 | Parkview Randburg, South Africa
    @@ -424,36 +419,35 @@

    Experience

    - Cignex logo + PK_Grace_D logo

    - CIGNEX - Datamatics + Yadah Events Carnival

    -
    Project Trainee
    +
    Junior Event Coordinator
    - June 2017 - July 2017 | Ahmedabad, India + January 2020 - February 2023 | Johannesburg, South Africa
    @@ -466,16 +460,17 @@

    Projects

    +
    - music streaming app + API-SECURITY-SCANNER
    - Music Player Web-AppAPI Security Testing Tool

    - A music streaming web app based on Django + An API Security Scanner web app based on Flask

    @@ -484,20 +479,18 @@

    Projects

    Accomplishments
      -
    • Tools: Django, HTML, CSS, Bootstrap, SQLite, AWS S3, Heroku
      • -
    • Register/login to the web app(with OAuth-based Google Sign-In).
      • -
    • Search and filter songs based on language and singer.
      • -
    • Create multiple playlists and add/remove songs to/from playlist.
      • -
    • Scroll through recently played/viewed songs.
      • - - +
    • Tools: Python, Flask, Burp Suite, Postman
      • +
    • Developed a tool to test public and private APIs for common security flaws.
      • +
    • On the search bar , paste any url and click on scan now to check the vulnerabilities.
      • +
    • Generates detailed reports of detected vulnerabilities.
      • +
    - @@ -506,16 +499,18 @@

    Projects

    +
    - quiz app + Marketeer_Ecommerce
    - Quiz Web-AppE-commerce platform Marketeer

    - A quiz playing web app based on Django + A complete e-commerce solution built in PHP and MySQL featuring a multi-vendor system where sellers require admin approval. + Hosted on InfinityFree.

    @@ -524,17 +519,18 @@

    Projects

    Accomplishments
      -
    • Tools: Django, HTML, CSS, Bootstrap, SQLite, Heroku
      • -
    • Register/login to the web app(with OAuth-based Google Sign-In).
      • -
    • Play Quiz and see the leaderboard
      • - +
    • Tools & Technologies: PHP, MySQL, HTML, CSS, JavaScript, AJAX
      • +
    • Designed and implemented a multi-vendor architecture with dedicated dashboards for both buyers and approved sellers.
      • +
    • Built a secure seller onboarding system with admin approval workflow to ensure platform quality and trust.
      • +
    • Developed a robust admin panel for managing products, user accounts, orders, and seller applications.
      • +
    • Integrated secure transaction flows and checkout process (with payment gateway integration as a future enhancement).
    - - @@ -543,113 +539,124 @@

    Projects

    - - +
    -
    - django web app +
    + Secure Fintech Mobile App.jpg +
    +
    Coming Soon
    +
    + Launching in: + +
    +
    - Local Library Web-App + + Secure Fintech Mobile App

    - A web-app that creates an online catalog for a small local library, where users can browse available books and manage their accounts. + A secure mobile app for financial transactions

    - Accomplishments + Accomplishments +
      -
    • Tools: HTML, CSS, Bootstrap, SQLite, Django, Heroku
      • -
    • Users can view list and detail information for books and authors.
      • -
    • Admin users can create and manage models.
      • -
    • Librarians can renew reserved books.
      • - +
    • Tools: React Native, Node.js, Express.js, MongoDB, JWT, OAuth
      • +
    • Developed a secure mobile app for financial transactions.
      • +
    • Implemented Two-Factor Authentication (2FA), JWT authentication, and OAuth for external login.
      • +
    • Encrypted sensitive API calls and transaction data.
      • +
    • Integrated secure backend services with Express.js and MongoDB.
    - -
    -
    --> +
    - -
    + +
    -
    - Screenshot of web app +
    + Penetration Testing Framework for Web Applications +
    +
    Coming Soon
    +
    + Launching in: + +
    +
    - Blog Web-App + Penetration Testing Framework for Web Applications

    - A simple and extensible blog web-app based on Flask. + Developed a custom framework to automate web application penetration testing.

    - - - Accomplishments -
      -
    • Tools: HTML, CSS, Bootstrap, Flask, SQLAlchemy, Postgresql, Python
      • -
    • Users can view posts and contact the admin via Contact Page.
      • -
    • Admin can Add, Delete, Update posts.
      • - - + Accomplishments +
        +
      • Tools: Python, Kali Linux, Metasploit, Burp Suite
        • +
      • Includes modules for SQL Injection, XSS, CSRF vulnerability testing.
        • +
      • Integrated with tools like Burp Suite and Metasploit for advanced exploit testing.
        • +
      • Customizable scripts to adapt for different web targets.
      -
      - - -
      +
      + +
    - + + +
    -
    - Screenshot of web app +
    + Blockchain-based Secure Voting System +
    +
    Coming Soon
    +
    + Launching in: + +
    +
    - Visual Question Answering + Blockchain-based Secure Voting System

    - An attention-based classification model that aims at generating an answer for a given input image. + Designed a decentralized voting application on the Ethereum blockchain.

    - - - Accomplishments + Accomplishments
      -
    • Incorporated Convolution Neural Networks (CNN) for extracting image features and Long Short Term - Memory for extracting question - embeddings.
      • -
    • Tested the model on the COCO dataset, abstract scenes images, and got 69% overall accuracy on the - VQA evaluation metric.
      • - +
    • Tools: Solidity, Ethereum, Web3.js, JavaScript
      • +
    • Smart contracts ensure vote integrity, transparency, and tamper-proof results.
      • +
    • Integrated MetaMask and Web3.js to interact with the blockchain through a browser-based interface.
    - +
    @@ -657,35 +664,40 @@

    Projects

    - + + +
    -
    - Screenshot of web app +
    + DeFi Smart Contract Auditing Tool +
    +
    Coming Soon
    +
    + Launching in: + +
    +
    - Video Summarizer + DeFi Smart Contract Auditing Tool

    - A Seq2Seq model that generates a short summary of the given input video. + Built an automated auditing tool to scan DeFi smart contracts for vulnerabilities like reentrancy attacks and gas limit issues.

    - - - Accomplishments + Accomplishments
      -
    • Incorporated CNN to detect and classify objects in the video frames and Long Short Term Memory for - generating a summary.
      • -
    • Evaluated the model on MSVD (Microsoft Video Description Corpus) dataset; achieved 0.77, 0.71, - 0.52 scores respectively on ROGUE, - BLEU, METEOR evaluation metrics.
      • - +
    • Tools: Solidity, Ethereum, Web3.js, JavaScript +
    • Designed custom scripts to detect common vulnerabilities in Solidity codebases.
      • +
    • Tested against local Ethereum environments using Truffle and Ganache.
    -
    - + @@ -693,34 +705,41 @@

    Projects

    + + + -
    -
    - Screenshot of web app +
    + Bank Fraud Detection Model +
    +
    Coming Soon
    +
    + Launching in: + +
    +
    - Image Generator + Bank Fraud Detection Model

    - An image generator based on the concept of adversarial networks (GANs) + Developed a machine learning model to predict fraudulent transactions in financial datasets.

    - - - Accomplishments + Accomplishments
      -
    • Developed system was tested on a human-face database and loss was calculated by comparing the PCAs - of generated and original image.
      • -
    • Calculated difference in PCA was less than 10%, depicting the successful generation of an image by - the generator.
      • - +
    • Tools: Python, Scikit-Learn, Pandas, Jupyter +
    • Applied techniques like data preprocessing, feature engineering, and model evaluation (ROC-AUC, precision-recall).
      • +
    • Trained and tested various ML models like Random Forests and XGBoost for maximum detection accuracy.
    - + @@ -728,42 +747,51 @@

    Projects

    - - + + + +
    -
    - Screenshot of web app +
    + Secure Banking Chatbot with OTP Verification +
    +
    Coming Soon
    +
    + Launching in: + +
    +
    - Head Counting System + Secure Banking Chatbot with OTP Verification

    - A system that calculates the attendance of the class from a panoramic image of a live classroom. + Developed a secure banking chatbot for customer service with OTP-based user authentication.

    - - - Accomplishments + Accomplishments
      -
    • Used Singular Value Decomposition for image compression; applied various image processing - techniques and morphological operations to - detect the number of heads.
      • - +
    • Tools: Python, Flask, Twilio (for OTP), SQLite
      • +
    • Implemented logging for all transactions and queries to ensure auditability and traceability.
      • +
    • Built resilience against typical chatbot security threats like injection attacks.
    - +
    + +
    @@ -870,20 +898,21 @@

    Other

    - - +
    +

    Certificates

    +
    +
    +
    +

    Certificates

    +
    - +
    - Machine Learning (Stanford) + FNB APP ACADEMY 2025 FULL STECK DEVELOPMENT CERTIFICATE
    @@ -891,21 +920,19 @@

    Certificates

    - +
    - Algorithms (Stanford) + Golden Key Society Member
    -
    -
    -
    -
    -
    --> +
    +
    +
    +
    + -
    -
    @@ -917,11 +944,11 @@

    Education

    - Arizona State University + Eduvos University

    -

    Tempe, USA

    +

    Midrand, South Africa

    - Degree: Master of Science in Computer Science + Degree: Bachelor of Science in Computer Science
    CGPA: 4.0/4.0

    @@ -942,36 +969,7 @@

    Education

    -
    -
    -
    -

    - School of Engineering and Applied Science, Ahmedabad - University -

    -

    Ahmedabad, India

    -

    - Degree: Bachelor of Technology in Information and Communication Technology -
    - CGPA: 3.13/4.33 -

    - -
      -

      - Relevant Courseworks: -

        -
      • Data Structures and Algorithms
        • -
      • Database Management Systems
        • -
      • Operating Systems
        • -
      • Machine Learning
        • -
      • Computer Vision
        • -
      -

      - -
    -
    -
    -
    +
    @@ -981,29 +979,29 @@

    Education

    Contact

    - +14805722456 + aria-label="Call Vusi">+27685966897

    - vbhogayata@gmail.com + matlouvusikunene544@gmail.com

    - github.com/varadbhogayata + aria-label="Vusi on Github" href="https://github.com/Vusi-Kunene-Matlou" class="hoverline" + target="_blank">github.com/Vusi-Kunene-Matlou

    - linkedin.com/in/varadbhogayata + class="fa fa-linkedin">linkedin.com/in/vusi-matlou

    @@ -1013,14 +1011,13 @@

    Contact

    - @@ -1038,6 +1035,63 @@

    Contact

    }) }) + + + +