abilsavio.dev Open in urlscan Pro
76.76.21.21  Public Scan

Submitted URL: http://abilsavio.dev/
Effective URL: https://abilsavio.dev/
Submission: On September 29 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

<form class="space-y-8">
  <div class="flex flex-col gap-x-10 sm:flex-row">
    <div class="space-y-2 flex-1"><label class="text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 font-bold" for=":r3:-form-item">Full 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 font-semibold"
        placeholder="Your Name" id=":r3:-form-item" aria-describedby=":r3:-form-item-description" aria-invalid="false" value="" name="fullname"></div>
    <div class="space-y-2 flex-1"><label class="text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 font-bold" for=":r4:-form-item">Email</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 font-semibold"
        placeholder="user@example.xyz" id=":r4:-form-item" aria-describedby=":r4:-form-item-description" aria-invalid="false" value="" name="email"></div>
  </div>
  <div class="space-y-2 flex-1"><label class="text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 font-bold" for=":r5:-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 font-semibold"
      placeholder="Subject for the message" id=":r5:-form-item" aria-describedby=":r5:-form-item-description" aria-invalid="false" value="" name="subject"></div>
  <div class="space-y-2"><label class="text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 font-bold" for=":r6:-form-item">Message</label><textarea
      class="flex min-h-[80px] w-full rounded-md border border-input 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 bg-background font-semibold"
      placeholder="Enter your message here..." rows="10" name="message" id=":r6:-form-item" aria-describedby=":r6:-form-item-description" aria-invalid="false"></textarea></div>
  <div class="flex flex-row items-start space-x-3 space-y-0"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on"
      class="peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"
      id=":r7:-form-item" aria-describedby=":r7:-form-item-description" aria-invalid="false"></button><input aria-hidden="true" tabindex="-1" type="checkbox" value="on"
      style="transform: translateX(-100%); position: absolute; pointer-events: none; opacity: 0; margin: 0px; width: 16px; height: 16px;">
    <div class="space-y-1 leading-none"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for=":r7:-form-item">Send me a copy of this message</label></div>
  </div><button
    class="rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background h-10 py-2 px-4 bg-glow flex w-40 items-center justify-around font-bold text-white hover:bg-primary/20"
    type="submit">
    <div>Send message</div>
    <div class="hidden"><svg xmlns="http://www.w3.org/2000/svg" width="16.8" height="16.8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader2">
        <path d="M21 12a9 9 0 1 1-6.219-8.56"></path>
      </svg></div>
    <div class="">šŸš€</div>
  </button>
</form>

Text Content

 * Projects
 * Experience
 * Blogs
 * Contact



Resume
HEY,Ā Ā ABILĀ Ā HEREĀ Ā šŸ‘‹
I'MĀ Ā AN Ā Ā Ā Ā 
DEVELOPER

Ā Bio.txtĀ Terminal


I'M ABIL SAVIO, A FULL STACK WEB & BLOCKCHAIN DEVELOPER FROM KERALA, INDIA.
I SPECIALIZE IN CRAFTING SEAMLESS DIGITAL EXPERIENCES.
I'M A SELF TAUGHT DEVELOPER AND I'M CURRENTLY LEARNING RUST. PROBLEM SOLVING,
LEARNING NEW TECHNOLOGIES AND BUILDING COOL STUFF IS WHAT I LOVE TO DO.
CURRENTLY, EXPLORING THE FACINATING WORLD OF WEB3 AND I'M A FULL STACK DEVELOPER
BUILDING BEYONDCLUB. |

~/portfolio

Ā cat bio.txt
|
I'm Abil Savio, a Full Stack Web & Blockchain Developer from Kerala, India.
I specialize in crafting seamless digital experiences.
I'm a self taught developer and I'm currently learning Rust. Problem solving,
learning new technologies and building cool stuff is what I love to do.
Currently, exploring the facinating world of Web3 and I'm a Full Stack Developer
building beyondClub.
~/portfolio

|


TOP SKILLS
ALLĀ SKILLS

React
Next.js
Node.js
TypeScript
Express.js
Go


MY SOCIALS





PROJECTS

These are some of the projects I've built during my entire career as a
developer.


SCAFFOLD-ETH X BUILDBEAR



Quickly experiment with Solidity using a forked private testnet, from the
mainnet, and swapping tokens from Uniswap. Scaffold-Eth x Buildbear lets you
create your own private testnet, (optional) forked from the mainnet, with your
own native token and ERC20 Token faucet and blockchain explorer




SYNCHRO.RS



A software to synchronize audio streams in devices connected to a network (LAN).
This projects aims on minimal latency and proper synchronization between all the
clients.




KCART



A supply chain management system built using Next.js and deployed on polygon
blockchain.




BINGEWATCH



Watch movies together with friends and family. Built using express and
socket.io.




IEEE WEBSITE GEC THRISSUR



Official Website for IEEE Student Branch GEC Thrissur. Built using GatsbyJS.
Automated builds and deployments using GitHub Actions.




AGRIFY



A project for predicting various diseases of crops by uploading images of their
leaves. Built using React and Firebase and Google Teachable Machine.




EXPERIENCE

Explore my professional journey as a developer.

 1. 
    September 2024
    Today
 2. 
    October 2023
    
    
    FULL STACK DEVELOPER
    
    @ BEYONDCLUB
    
    Coming soon... šŸš€

 3. 
    February 2023
    
    
    FULL STACK DEVELOPER INTERN
    
    @ BUILDBEAR LABS
    
    BuildBear specializes in creating highly customizable private testnets
    specifically designed for decentralized applications (Dapps). With
    BuildBear, we have the flexibility to create testnets by forking from a
    diverse range of Ethereum-compatible chains. Explore and debug transactions
    effortlessly using their built-in explorer and transaction tracer. Mint
    popular ERC20 tokens with their user-friendly faucet. Buildbear is primarily
    a blockchain infrastructure company.
    
    * Worked mostly on their backend and infrastructure.
    * Spearheaded the development of Buildbear Utils project which contains a
      lot of cool stuff like impersonating any wallet address, interacting with
      contracts and dapps with impersonation, taking snapshots, and
      fast-forwarding time on Buildbear testnets
    * Created a Slack app for getting stats and server health-check
      notifications.
    * Worked with Express, TypeScript, Docker, Kubernetes & Next.JS.
    * Understood deeply the working of blockchain and smart contracts.
    * Learned a lot about container management, deployment and automation.
    * Website: buildbear.io
 4. 
    21 October 2022
    
    
    FULL STACK DEVELOPMENT MENTOR
    
    @ NIT CALICUT
    
    Taught Full-stack (MERN) development basics at NIT Calicut for their tech
    fest Tathva'22. Around 100 students attended the workshop.

 5. 
    Jan 2022
    
    
    CHIEF TECHNOLOGY OFFICER
    
    @ CRYPTOLITERATURE
    
    Cryptoliterature is an NFT marketplace for writers where writers can publish
    their works, write blogs and sell them as NFTs. Currently its in beta.
    Support for both ethereum and polygon NFTs during beta.
    
    * Built using Next.JS and NestJS along with Prisma for ORM. Deployed using
      Vercel and AWS.
    * As of now writers can onboard themselves and create blogs, which will be
      displayed on their profile.
    * Onboarded around 100 writers on the platform during the first beta
      release.
    * Website: cryptoliterature.in
 6. 
    June 2021
    
    
    SOFTWARE DEVELOPER
    
    @ TATOS TECHNOLOGIES
    
    TATOS is a group of highly skilled software developers who possess a
    visionary mindset aimed at bringing positive change to the world. Their
    mission is to efficiently digitize businesses across multiple industries.
    TATOS provides bespoke solutions to clients, catering to their specific
    needs.
    
    * Worked on multiple projects within the organization built using React,
      Next.JS, Flutter.
    * Managed Databases, Domain, Hosting, Backend, Client and Admin Sites.
    * Projects I've worked on: koachme.in, mydocdoor.com
    * Website: tatos.tech
 7. 
    February 2021
    
    
    IEEE WEBMASTER
    
    @ IEEE GEC THRISSUR
    
    Served as webmaster for IEEE GEC Thrissur for the year 2021. I was among a
    team of 3 webmasters. Today the website is maintained by my juniors in
    college.
    
    * Built their website with my team from scratch using GatsbyJS.
    * Setup Github Actions for automated builds and deployments of the website
      to the college FTP server.
    * Website: ieee.gectcr.ac.in


BLOGS

Explore my blogs where I share insights, tips, and experiences from my journey
as a developer. Explore all my blogs at blog.abilsavio.dev


EMAIL CONTACT FORM USING NEXTJS (APP ROUTER)

July 18 2023
7 min read

Simple tutorial for using NextJS with app router to create a contact form to
send messages to your email using nodemailer ā€” An overview of what weā€™ll be
doing here You must have come across contact forms on a lot of websites on the
internet. We will be building a similar contact form.

Continue reading


POCKETBASE OAUTH ON NEXTJS

March 7 2023
9 min read

A simple tutorial on implementing Google & GitHub OAuth in NextJS using
Pocketbase ā€” A brief introduction to Pocketbase & NextJS Most of you folks must
have already heard about Pocketbase and also about Next.JS and that's why you
are here in the first place.

Continue reading


CONTACT

Let's Connect and Collaborate! Whether you have a project in mind, or simply
have a question, feel free to reach out.


Shoot an emailText me on

OR
Full Name
Email
Subject
Message
Send me a copy of this message
Send message

šŸš€
Made with ā¤ļø Next.js. Components from shadcn/ui.
Blogs hosted by Hashnode. Deployed on Vercel. Code available on Github.
Search this page...Ā Ā Ā āŒ˜K