IsraCodes.ml
Tags: dohackathon
Published: 2021-01-11 05:00:27

## What I built
My Personal Site/Portfolio 


### Category Submission: 
Personal Site/Portfolio 👨🏽‍💻


 
### App Link 
[isracodes.ml](https://isracodes.ml/#/)  

### Screenshots 
![ic1](https://dev-to-uploads.s3.amazonaws.com/i/91fa9wjakub0og0c9ku1.png)
![ic2](https://dev-to-uploads.s3.amazonaws.com/i/9ihnxb8psvnw5rz1hwe3.png)
![ic3](https://dev-to-uploads.s3.amazonaws.com/i/jdcf1ow7mido5p320cug.png)
![ic4](https://dev-to-uploads.s3.amazonaws.com/i/30vppocu54wf2ts5rpih.png)
![ic5](https://dev-to-uploads.s3.amazonaws.com/i/lxwnmw5w4zn3et2cml8m.png)
![ic6](https://dev-to-uploads.s3.amazonaws.com/i/4cl3ah7rwalsjs4kxl6d.png)
![ic7](https://dev-to-uploads.s3.amazonaws.com/i/374nuzs5rtvg68y1zjhu.png)
      

### Description
On this web page you can find all my projects, there are from an RC Hovercraft, to multiple Apps made in Flutter just like this web page 👽

### Link to Source Code
[GitHub - isracodes.ml](https://github.com/IsraMejia/IsraCode)

### Permissive License
MIT

## Background
I have been wanting to build my own website for years, but I had never given the time to do it and I thank this hackathon that encouraged me to create it and test the App Platform service of Digital Ocean to be able to leave my legacy on the Web, to contact more people who are passionate about programming and who want to improve the world with me one code at a time 👽.

### How I built it 
I started developing the web page with Flutter, for this I used the developer version in 1.20, since I had experience that in this version the hot reload works well as a desktop app (this let me have more control with the display dimensions), and when felt it was ready, I run it in the browser without problems.
After this I tried to see how to upload my code to the Digital Ocean cloud and possibly because it was the first time that I did it,  take unnecessary steps that I will tell you quickly hahaha 🤣. 
First I tried to upload it in droplets of Digital Ocean to run my web page in flutter from a virtual machine in linux, after hours and hours of failed attempts, I saw that the problem is that as I wanted to do it, a flutter device was needed that the Server could not show as web page haha, so searching the internet I found the solution that I highly recommend to everyone and I appreciate that it is so easy with Digital Ocean. In summary, the release of the web page is created with the command "flutter build web --release", then the "web" folder that creates you within "build", the git instances, you link it to a repository In github, you link this repository super easy with Digital Ocean's App Platform and voila! You already have your page on the Web 👽.
Finally what I did was link my custom domain with the Digital Ocean DNS and that was all haha, now I have my personal page in the cloud and the best thing is that the changes are updated with my repository completely free and automatically 👀


### Additional Resources/Info
As a curious fact, this is how my personal website looked before using a custom domain. When I saw a few tutorials on how to do it free and easy with the digital ocean tools, I did not want to pass the opportunity and try haha 🤓
![israDigitalOcean](https://dev-to-uploads.s3.amazonaws.com/i/e8j0hsan0xrsz14gkq83.png)