Abraham Anak Agung

be a groq guru in ten steps

This application is inspired by GROQ language, GROQ lesson by Magnus Holm in CSS-Tricks blog, and GraphQL of Thrones by Swyx.

Configuring Codemirror to work with React and Vite is quite challenging. I ended up using Codemirror 6 instead of version 5 because it work perfectly with Vite. Chakra UI is also great in creating simple application prototype like this one.

Simple Landing Page Project for Client

I create this application based on design in Behance request by my client. It is simple landing page that integrate with Instagram post and Whatsapp for price quotation.

Instagram API is pretty clear and easy to understand. The only problem that I still had is renewing the long lived token and store it in the env variable. I still can't figure out the best way to do this yet.

Another Twitter clone application

I create this application based on Twitter. This app have basic feature of CRUD and it also had auth service with Firebase Auth.

This is the first time I wrote Firebase Function. It is much like writing REST API. The main challenge is that I need to carefully tought when updating or deleting data.

Video sharing application in React Native

I made this app out of curiosity about OnlyFans site. So I just think why I don't made something like that in React Native?

Creating native application with RN is not easy. There is much boilerplate, unknown error, and third party package is needed especially for Video. RN doesn't have Video element (Expo does), so it is very challenging for me to get the video, upload it and show it on the timeline.

AWWWARDS site clone

I create this clone site because I want to sharpen my skills in animation. Animation always fascinate me. But it surely takes time to master it

Working with animation in React is not easy. Framer motion makes it simple and responsive too. I learn much of using React useContext API. If I going to do this again, I probably will using Redux Tool Kit instead of useContext.

I redesign my portfolio in 2020

I create this portfolio to showcase my projects and also blogging about what I learn or what I like to do when I'm not creating a beautiful app.

Page transition with Sapper is quite tricky. I can't make it work properly yet. So I combined it with GSAP to create smooth and simple page transition. Creating my first blog site with Sanity CMS is exciting. Sanity is a different beast. Setting up schema and using Sanity's GROQ is really a good developer experience. It is far simple than I tought it will be.