diff --git a/index.html b/index.html index 2087946..21ece6c 100644 --- a/index.html +++ b/index.html @@ -74,10 +74,10 @@

- Image of Horarios UNSA + Image of Horarios UNSA
- JS logo + JS logo
@@ -122,21 +122,20 @@

- Image of Horarios UNSA + Image of Horarios UNSA
- PHP logo + PHP logo / - VueJS logo - Sass logo + VueJS logo + Sass logo · - Node logo - TS logo - Node logo + TS logo + Express logo · - MySQL logo + MySQL logo
@@ -157,7 +156,8 @@

I also learned about domain names, A/AAAA/CNAME records, shared hosting & - integrating with external services like analytics & disqus. + integrating with external services like analytics & disqus. The Node rewrite was + hosted on a CPanel shared hosting.

@@ -185,14 +185,13 @@

- Image of Horarios UNSA + Image of Web Hostal
- Java logo - Tomcat logo - Git logo - Google cloud logo + Java logo + Tomcat logo + Git logo + Google cloud logo
@@ -208,6 +207,577 @@ + + +
+ +
+ +
+

+ Acechanime +

+ +

+ + + Github repo + + +

+ + Image of Horarios UNSA + +
+ Vue logo + Pug logo + CoffeeScript logo + Sass logo +
+
+
+ +
+

+ As a result of my previous experience with fansubbing, I was invited to join a + group of fansubbers. I made a website for them, where they could upload their + subtitles. +

+

+ As it was a low risk project (made for free, for some individuals I didn't personally know), + I decided to try out new technologies that interested me at the time. +

+

+ I made only the Front-End, the Back-End was made by another person. +

+
+ +
+ + +
+ +
+ +
+

+ Horarios UNSA 2 +

+ +

+ + + https://horarios-v2.araozu.dev/ + + · + + + Git repo + + +

+ + Image of Horarios UNSA + +
+ Vue logo + Pug logo + CoffeeScript logo + Sass logo +
+
+
+ +
+

+ The second iteration of the Horarios UNSA website. This time I used VueJS. +

+
+ +
+ + +
+ +
+ +
+

+ PL - Modoki +

+ +

+ + + https://modoki.js.org/#/ + + · + + + GitHub repo + + +

+ + Image of Horarios UNSA + +
+ F# logo + · + JS logo + Vue logo +
+
+
+ +
+

+ In 2019 I discovered functional programming with F#. As I learned about more + new languages & paradigms like haskell, erlang, lisp, etc. I became interested + in making a new programming language. +

+

+ I began working on a compiler for my new language, which changed names, syntax, semantics, + target platform, etc. many times. I wrote a simple compiler, and rewrote it in multiple + languages. +

+

+ The first iteration was called Modoki, an indentation based, functional, statically typed + language that compiled to JS. I wrote a static site for its documentation. +

+
+ +
+ + +
+ +
+ +
+

+ KScript +

+ +

+ + + Web page at Netlify + + · + + + GitHub (web page) + + + · + + + GitHub (compiler) + + +

+ + Image of KScript + +
+ TS logo + · + Vue logo + Pug logo + CoffeeScript logo + Sass logo +
+
+
+ +
+

+ The next rewrite of my compiler was called KScript. It was written in + TypeScript. +

+

+ I wrote a simple web editor for it, syntax highlighting, and a simple + transpiler & interpreter. +

+
+ +
+ + +
+ +
+ +
+

+ Emisa +

+ +

+ + + Web page + + · + + + GitHub + + +

+ + Image of Emisa + +
+ Java logo + MySQL logo + Tomcat logo + Vue logo +
+
+
+ +
+

+ A fictional CRUD system made for a university course. +

+

+ It used JavaEE, raw MySQL, VueJS and was deployed on a Tomcat server. +

+
+ +
+ + + +
+ +
+ +
+

+ Rimajon +

+ +

+ + + + + · + + + GitHub (FE) + + + · + + + GitHub (BE) + + +

+ + Image of Emisa + +
+ Kotlin logo + · + Vue logo + TS logo + Sass logo +
+
+
+ +
+

+ A Mahjong-like game, but with cards instead of tiles. +

+

+ I didn't use a game engine or webgl, I made the game like a regular website. + It was made with VueJS, and the backend was made with Kotlin. +

+

+ It featured lobby creation/join, chat rooms, 4 players per game, + server-side game logic, and a simple AI. +

+
+ +
+ + + +
+ +
+ +
+

+ Horarios UNSA 3 +

+ +

+ + + https://horarios-v3.araozu.dev/ + + · + + + Git repo + + +

+ + Image of Horarios 3 + +
+ SolidJS logo + TS logo +
+
+
+ +
+

+ Third rewrite. Now with SolidJS. +

+

+ By this time I felt confident with my VueJS skills, so I decided to try out + new frameworks. I tried React, but I didn't like it as much. I then tried + SolidJS, and I liked it a lot. +

+

+ I also used CSS-in-JS for the first time, with Aphrodite. +

+
+ +
+ + + +
+ +
+ +
+

+ Misti-lang +

+ +

+ + + At Netlify + + · + + + GitHub + + +

+ + Image of Misti + +
+ Rust logo + · + SolidJS logo + TS logo +
+
+
+ +
+

+ The next rewrite of my programming language. This time the + compiler was written in Rust*. +

+

+ The documentation was written in SolidJS. +

+

+ *This site is not endorsed by or affiliated with The Rust Foundation. +

+
+ +
+ + +
+ +
+ +
+

+ Sistema de acreditacion +

+ +

+ + + At netlify + + · + + + GitHub + + +

+ + Image of Sistem + +
+ React logo + TS logo + Tailwind logo +
+
+
+ +
+

+ A capstone project for a university course. I made it with a group of 6 people. + I lead the Front-End team. +

+

+ This was my introduction to TailwindCSS, and I've been using it + ever since. +

+
+ +
+ + +
+ +
+ +
+

+ THP +

+ +

+ + + https://thp.araozu.dev/ + + · + + + Git repo (FE) + + + · + + + Git repo (compiler) + + +

+ + Image of THP + +
+ Rust logo + · + Tailwind logo +
+
+
+ +
+

+ My latest rewrite of my programming language. This time the language + targets PHP instead of JS. +

+

+ The compiler is written in Rust. The Front-End is written in markdown, + and compiled to HTML with my own static site generator, + also written in Rust. +

+

+ This site is not endorsed by or affiliated with The Rust Foundation. +

+
+ +
diff --git a/public/icons/coffee.png b/public/icons/coffee.png new file mode 100644 index 0000000..4e93514 Binary files /dev/null and b/public/icons/coffee.png differ diff --git a/public/icons/f_sharp.png b/public/icons/f_sharp.png new file mode 100644 index 0000000..f984490 Binary files /dev/null and b/public/icons/f_sharp.png differ diff --git a/public/icons/kotlin.png b/public/icons/kotlin.png new file mode 100644 index 0000000..50c633f Binary files /dev/null and b/public/icons/kotlin.png differ diff --git a/public/icons/pug.png b/public/icons/pug.png new file mode 100644 index 0000000..73fefd4 Binary files /dev/null and b/public/icons/pug.png differ diff --git a/public/icons/react.png b/public/icons/react.png new file mode 100644 index 0000000..05a046d Binary files /dev/null and b/public/icons/react.png differ diff --git a/public/icons/rust.png b/public/icons/rust.png new file mode 100644 index 0000000..d69df79 Binary files /dev/null and b/public/icons/rust.png differ diff --git a/public/icons/solid.png b/public/icons/solid.png new file mode 100644 index 0000000..da5f5fc Binary files /dev/null and b/public/icons/solid.png differ diff --git a/public/icons/tailwind.svg b/public/icons/tailwind.svg new file mode 100644 index 0000000..6a9ab49 --- /dev/null +++ b/public/icons/tailwind.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/acecha.png b/public/img/acecha.png new file mode 100644 index 0000000..ba6306b Binary files /dev/null and b/public/img/acecha.png differ diff --git a/public/img/horarios_2.png b/public/img/horarios_2.png new file mode 100644 index 0000000..5c771ae Binary files /dev/null and b/public/img/horarios_2.png differ diff --git a/public/img/horarios_3.png b/public/img/horarios_3.png new file mode 100644 index 0000000..ce5a092 Binary files /dev/null and b/public/img/horarios_3.png differ diff --git a/public/img/kscript.png b/public/img/kscript.png new file mode 100644 index 0000000..86400ad Binary files /dev/null and b/public/img/kscript.png differ diff --git a/public/img/misti.png b/public/img/misti.png new file mode 100644 index 0000000..0b7e565 Binary files /dev/null and b/public/img/misti.png differ diff --git a/public/img/thp.png b/public/img/thp.png new file mode 100644 index 0000000..a00da61 Binary files /dev/null and b/public/img/thp.png differ