December 24

Developer

Portfolio

F
u
l
l
-
S
t
a
c
k
D
e
v
e
l
o
p
e
r
F
r
o
m
 
I
n
d
i
a

Product Focused

Achchutha Rengan
About

A f t e r   g r a d u a t i n g   w i t h   a   d e g r e e   i n   C o m p u t e r   s c i e n c e ,   I   d e c i d e d   t o   p u r s u e   m y   p a s s i o n   f o r   W e b   D e v e l o p m e n t .   I   e n r o l l e d   i n   a   c o d i n g   b o o t - c a m p   a n d   l e a r n e d   f u l l - s t a c k   w e b   d e v e l o p m e n t .   M y   f a v o r i t e   p a r t   o f   p r o g r a m m i n g   i s   t h e   p r o b l e m - s o l v i n g   a s p e c t .   I   l o v e   t h e   f e e l i n g   o f   f i n a l l y   f i g u r i n g   o u t   s o l u t i o n   t o   a   p r o b l e m .   M y   c o r e   s t a c k   i s   A S P . N E T   C o r e ,   N e x t . j s ,   R e a c t ,   a n d   M i c r o s o f t   S Q L   S e r v e r .   I   a m   a l s o   f a m i l i a r   w i t h   T y p e S c r i p t   a n d   F i r e b a s e .   I   a m   a l w a y s   l o o k i n g   t o   l e a r n   n e w   t e c h n o l o g i e s .   I   a m   c u r r e n t l y   l o o k i n g   f o r   a   f u l l - t i m e   p o s i t i o n   a s   a   s o f t w a r e   d e v e l o p e r .   W h e n   I ' m   n o t   c o d i n g ,   I   e n j o y   p l a y i n g   v i d e o   g a m e s ,   w a t c h i n g   m o v i e s ,   a n d   p l a y i n g   p i a n o .   I   a l s o   e n j o y   l e a r n i n g   n e w   t h i n g s .   I   a m   c u r r e n t l y   l e a r n i n g   a b o u t   F r a m e r   M o t i o n   a n d   A s t r o . j s .

Dream_img

Dream

Dream_img

Design

Dream_img

Develop

Dream_img

Deploy

Projects


LinkSpot(click to open)
linkspot

Linkspot is a platform to share specific links for the public to get any content for free. Users can sign in using their Gmail, sign-in post a new link, sign out. Role-based authorization is made so that the admin can monitor the links being submitted by a user and approve them. The users can view any link without signing in and can filter based on the category of the link (eg. online courses). Used C# as the primary language with .NET Framework 4.7 as the backend, MS SQL Server as DB, Bootstrap as the front end with Brutalism as the design. Deployed to Azure.

GitHub
Gamr Empire - RAWR.io Client(click to open)
gamrEmpire

This is a project implemented using Next.js and Chakra UI, consisting of 2 pages (homepage and game detailspage). This application allows user to fetch, search, sort, filter games based on the category. We can select a game and get details about it in the next page Chakra Ui components are directly used for faster development as it was available ready-made. React infinite scroll is also implemented to fetch more games on scroll. Zustand is the package used for global state management in this app. radix ui is also used for getting some ui components. The data is fully got from the rawg api which basically needs a key to send request and get response using axios. This app is initially built in react then ported to Next.js

GitHub
Mona - Password Manager(click to open)
Mona

Mona is a powerful password manager which is written on C# Programming Language using .NET 4.7 supported by SQL Local DB 2019. This password manager stands out by having access to a personalized profile that is protected by a strong hashing and encryption system. This password manager can be used to not only protect passwords but also used for file encryption. In addition, the passwords saved on browsers are also retrieved into the application. Mona has a usb module where admin can be authenticated using a secure USB Drive. This is windows based application so used the MSI Installer to install on windows that is created Using Advanced Installer.

GitHub
Crazy Krakens - NFT(click to open)
Crazy Krakens

This Website is build for the CrazyKrakens NFT Project as I was one of the member of the project. This project is built using HTML, CSS and Javascript. The colors for this website is chosen based on the NFTs that are being generated using an algorithm. 10k NFTs are generated for this project. This website is deployed on Google Firebase.

Live Page
Portfolio(click to open)
Portfolio

This is the webapp that you are currently viewing, built after learning Next.js 14 and Framer-motion and typescript. This website design is inspired from Behance. Each image, font is properly optimized using Next.js Font and Image Components. High Peformance is taken into account while Building this website. Micro-mini animations are included to increase the immertion to the website using framer motion. Tailwind css is the CSS framework used to build this website.

Live Page
Minimal Portfolio(click to open)
MinimalPortfolio

This is the first Project that is built after learning HTML, CSS, JS from Codecademy. The font used in Neue Machina, Properly built for responsiveness. Built using HTML, CSS, Javascript. Deployed to Github Pages.

GitHub
Skills
  • C#
  • .NET CORE
  • Windows Forms
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Git
  • Tailwind
  • SQL
  • Redux
  • Python
  • Framer Motion

Clean Code

readiness

semntc_code

Performance

via Google Analytics

googleAnalytics

Resume

Interested in Working with me?

Download

Contact

Reach out to me any way you want!

{ GitHub }{ LinkedIn }{ PeerList }

Made with From India

© 2023 Achchutha Rengan.
All Rights Reserved.

Built with React & Next.js 14, Tailwind CSS, Typescript, Framer-Motion, Resend, Vercel, Font: ID-Grotesk