site.farrel.cloud
Open in
urlscan Pro
172.67.187.162
Public Scan
Submitted URL: http://site.farrel.cloud/
Effective URL: https://site.farrel.cloud/
Submission: On June 14 via api from US — Scanned from DE
Effective URL: https://site.farrel.cloud/
Submission: On June 14 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
<form class="grid-cols-2 gap-4 space-y-4 lg:grid lg:space-y-0">
<div class="space-y-2"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 uppercase" for=":R6mjsja:-form-item">Name</label><input
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
placeholder="Your name" id=":R6mjsja:-form-item" aria-describedby=":R6mjsja:-form-item-description" aria-invalid="false" name="name" value=""></div>
<div class="space-y-2"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 uppercase" for=":Ramjsja:-form-item">Email</label><input type="email"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
placeholder="Your email" id=":Ramjsja:-form-item" aria-describedby=":Ramjsja:-form-item-description" aria-invalid="false" name="email" value=""></div>
<div class="space-y-2 col-span-2"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 uppercase" for=":Remjsja:-form-item">Subject</label><input
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
placeholder="Subject of the Message" id=":Remjsja:-form-item" aria-describedby=":Remjsja:-form-item-description" aria-invalid="false" name="subject" value=""></div>
<div class="space-y-2 col-span-2"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 uppercase" for=":Rimjsja:-form-item">Message</label><textarea
class="flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 min-h-[140px]"
placeholder="Your Message" name="message" id=":Rimjsja:-form-item" aria-describedby=":Rimjsja:-form-item-description" aria-invalid="false"></textarea></div><button
class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 font-mono tracking-wide bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 col-span-2 max-w-fit text-xs transition-all duration-500 ease-in-out hover:scale-105 hover:shadow-[0_0_12px_12px_hsl(0,0%,100%,0.08)] active:scale-95 active:bg-gray-100">SUBMIT</button>
</form>Text Content
FAR.CLOUD
ABOUTSTACKSPROJECTSEXPERIENCE
HELLO WORLD,
IT'S ME FARREL
Front End wizzard that ready to turn your dream into reality.
Together, lets build an App that's scale.
GITHUB
LINKEDIN
MEDIUM
GET TO KNOW
{
"name": "Farrel",
"role": "Front End Engineer",
"age": 23,
"count|
SCHOOLS OF ATHENS (1509~1511)
ONCE UPON A TIME ...
I used to be a philosophy student in University of Indonesia. Later on in my
nearly graduate journey, I found my passion in Design and Web Development. The
strong motivation and eagerness to learn drive me to pursue my dream as a tech
talent in the future day. From day to day, month to month I spent my time
learning, practicing, reading, and creating bugs.
practice makes perfect
just like the wise man who said that. Mastering front end web development path
is not an easy task. it require patience and dedication. Here is where my
philosophical thinking used. Philosophy has taught me so many things especially
about discipline and self-motivation. Being adaptive and dynamic despite an
unpredictable situation 'just like JavaScript framework nowadays' has helped me
to get used with the dynamic environment of front end web development.
As I have said before, im not from a tech-related background read: (computer
science student)but i have a plan to take master degree in information
technology major :D, but I could feel that computer related thing is part of my
life. And to keep up with the latest technologies available, I am taking various
courses and projects to challenge myself and learn new things.
LET ME INTRODUCE YOU MY ARSENAL 🪄
TECH STACKS
There are some tech stacks I have used. I love creating bugs apps with those
tools.
TEXT EDITOR
VS CODE
DATABASE
MONGODB
POSTGRESQL
LANGUAGES
JAVASCRIPT
TYPESCRIPT
GO
TOOLS AND FRAMEWORKS
HTML
CSS
TAILWIND
REACT
VUE
VITE
NEXT.JS
GATSBY
NODE.JS
BUN
EXPRESS.JS
HONO
VERCEL
NETLIFY
GIT
GITHUB
DOCKER
LOREM IPSUM, BEAR THE WITNESS OF MY CODE 🧙♂️
PROJECTS SHOWCASE
Take a look closer to my projects. Here are some of my project that I've been
done
HACKTIV GO FINAL ASSIGNMENT
Golang REST API
RUNNERZ
React Redux Fake Store
FARREL.DEV
Portfolio V3
GAMEFINITY WEBSITE REVAMP
Gaming media, entertainment, and community platform
PAOPLAY WEBSITE REVAMP
Paoplay Website Revamp
INSTN REVAMP
Instn Revamp
TOKOPEDIA PLAY CLONE
Tokopedia Play Clone
GCA COMPROF WEBSITE
GCA Comprof Website
BEHOLD! LET ME SHOW YOU..
MY "PROFESSIONAL" JOURNEY
Graphic Designer
SEPT, 2022
IKIGAI CONSULTING
Help visualizing IKIGAI visual branding through various media (IG Posts, reels,
etc..) by crafting enggaging social media post and maintained its visual
branding consistency
Graphic Designer
DEC, 2022
PERTAMINA FOUNDATION
Improved the visual identity of Pertamina Foundation's social media post through
various post templates and strenghten its visual branding consistency
UX Designer (Project Based)
FEB, 2023
NIAGAHOSTER
Implement the foundational knowledge after intensive 2 month training with
Niagahoster and Rakamin academy through final project given by redesigning the
checkout page based on conducted user research
Employer Branding
MAR, 2023
DOKU (PT. NUSA SATU INTI ARTHA)
Assist end-to-end employer branding activities, gather ideas by braintorming
with other work colleagues and deliver the final results within various media.
Fullstack Engineer Apprentice
JUN, 2023
GOTO IMPACT FOUNDATION
Started to learn software engineering in MERN stack provided by GoTo Impact
Foundation. Built a final project of waste monitoring app using MERN ecosystem.
Front End Engineer
JUL, 2023
SOLITAIRE (PT. BANGUN DIGITAL NUSANTARA)
revamped various UI accros Solitaire web-apps and provide assitance in tech
based solution for various department inside of Solitaire
NOT JUST A REGULAR CODER,
I'M A CERTIFIED FRONT END WIZZARD!
GO LanguageBackend Web DevelopmentREST API
SCALABLE WEB SERVICE WITH GOLANG
DTS FGA x Hacktiv8
GO LanguageBackend Web DevelopmentREST API
JavascriptMERN StackFull Stack Web Development
JavascriptReactJsFront End Web Development
SEE MORE
NOT ENOUGH?
More certificate above
LETS GET IN TOUCH ⚡
CONTACT ME
Feel free to contact me if you have any questions or suggestions. I am also open
to discussions and collaborations
Name
Email
Subject
Message
SUBMIT
© FAR.DEV 2024
INSPIRED BY VERCEL DESIGN SYSTEM