Code for my machine learning portfolio. Contains projects that i have done over the years. You will find Websites, Githubs, Colabs, PowerPoints and Papers here. These are the specializations that I have made during my journey through data science.
Visit the website: https://www.matthewciolino.com/
🐍 Python & Flask → 💻 HTML, CSS, & JavaScript → 💥 React & Bootstrap
It's been some time since the first iteration of this simple web application using Python and Flask. Back then, it was just a basic platform for showcasing my work in the field of machine learning. But as time went on, I realized that I needed to upgrade and provide a better user experience for visitors. So, I decided to rewrite myself using HTML, CSS, and JavaScript. This allowed for a cleaner and more interactive interface and was definitely a step up from my previous version. However, I wanted a more programtic way to update the website. The portfolio now uses React and Bootstrap which allows for a more dynamic and responsive website. I am very happy with the end result.
🚀 Heroku → 💥 AWS Amplify
Initially, the deployment of this portfolio was done on Heroku, utilizing its dynos for hosting the website. However, over time, I realized that there was room for improvement in terms of reliability and scalability. After some research, I decided to move to AWS Amplify, which offered a more robust and flexible hosting solution. With AWS Amplify, I now have access to a powerful cloud infrastructure that allows for seamless scalability, automatic backups, and improved performance. The use of Docker container repositories on AWS has allowed me to easily manage and deploy updates to my portfolio with just a few clicks. I am very satisfied with the end result.
If you want to use this portfolio for your own, you can fork it and make it your own. You can also use it as a template for your own portfolio. If you do, please give me credit. I would love to see what you do with it. The following are the important files to look at if you want to make your own portfolio:
- src/data.json: Most of the text is stored in here and loaded in views.jsx
- public/assets/(images/icons/docs): The images/icons/docs are stored in the here
- src/(App/views/components): All the react code is stored here
- src/App.scss: All the style code is stored here
To launch the app through docker, run the following commands:
docker-compose up
To host the code I used AWS Amplify. You can use any hosting service you want. If you want to use AWS Amplify, I did the following:
- Create an AWS account
- Create IAM user with Amplify access (or all access)
- Install AWS CLI and configure it with IAM user
- Build and upload dockerfile to AWS ECR (
docker build -t portfolio .) - Create an AWS Amplify app
- Connect main branch to AWS Amplify
- Connect dockerfile to build settings
- Modify rules to include webp|pdf|... files
- Deploy and Enjoy 💥
