- 📖 I previously enrolled in the Front-End Engineer career path program on Codecademy Pro, but I paused it due to being busy with my current job. I’m also investing time in exploring AI technologies.
- ⌨️ I'm a coding hobbyist who spends 5-9 hours coding for fun and studying Web Development in general.
- ✨ Interests:
- ♟️ I like playing Chess and Valorant
- 🏖️ Traveling and discovering local beach spots
- 🤖 Exploring AI
- Personal Portfolio Site with Blog CMS - Live
- Bulletin Board - Repo | Live
- Student Manager - Repo | Live
- ShopIt Ecommerce - Repo | Live
- Cold Storage Warehouse System | A modern warehouse management system built with Next.js 15, Prisma, and PostgreSQL, specifically designed for cold storage operations. - URL | Still Work In Progress..
- Number Guesser
- Film Finder
- Authorization Form
- Playlistapp
- Passing Thoughts
- CopyCat
- Pet Adoption
- Passing Thoughts
- Appointment Planner
- Matching Memory
- Codecademy | Front-End Engineer Career Path | 74% progress at the moment
- HTML Elements
- WAI/ARIA in HTML
- The a11y Project Checklist
- CSS and JavaScript accessibility best practices
- Complete list of ARIA Properties
- Flat Design Article
- Animatable CSS Properties
- Timing Functions
- CSS Transitions documentation
- CSS Transforms documentation
- CSS Animation for beginners
- MDN CSS Animations
- Keyframes
- Animasta
- Version Control in VSCode
- Git Docs
- Github Docs
- Git Cheat Sheet
- Github Guide to Markdown
- Markdown Parsers Dillinger
- Javascript Classes
- Design Patterns
- Javascript Modules
- Understanding Classes in JS
- Prototypes and Inheretance in JS
- Inheretance and Protochain
- Assert Nodejs
- Assert.deepEqual
- Other Assert Method
- Characteristics of Good Test
- Introduction to TDD - Test Driven Development
- MochaJS
- ChaiJS
- SinonJS
- EnzymeJS
- JEST
- AJAX
- What the heck is the Event Loop
- Guide to Graceful asynchronous Programming with Promises
- Introduction to Web API
- Overview to HTTP
- MDN: Using Fetch API
- MDN: Guide to Third Party API
- Poll Results: Sites vs Apps
- Javascript Refresher
- Intro to Functional Javascript
- Destructuring Assignment
- Difference between DOM vs Virtual DOM
- Gentle Explaination of "this" in Javascript
- Create React App
- React Docu
- Thinking in React
- What the fork is React Virtual DOM
- Awesome React
- React Handling Events
- React Dev Tools Sandbox
- Component Lifecycle Diagram
- State and Lifecycle
- React Component
- Awesome React
- Container Components
- Presentational and Container Components
- Gist Presentational & Container Components II
- Debugging React
- React Jest Enzyme
- Advance React Components mocks with Jest and React testing library
- Testing in React best practices tips and tricks
- Ducks Modular Redux
- Redux Structure Files as Feature Folders or Ducks
- Refactoring with Redux Toolkit Cheatsheet
- Redux Toolkit Docu
- Redux Thunk Docu
- Redux Toolkit how configureStore includes redux-thunk by default
- How to do a code review
- Best practices for peer code review
- How to review someone else code
- Code Review Why Is it important?
- Article Give and Receiving code reviews
- How to contribute in open source
- How to contribute on Github
- Git branch naming conventions
- Github Review - Exploring Workflows
- List of Integration Services
- Guide to Project Management Issues & Projects
As I explore Next.js, I built this PWA as a personal portfolio and blog, with plans to continuously add new features. sample link
- Showcase my portfolio & skill exercises
- Can Post Blog using Payload CMS backend
- Contact Form
- HTML, CSS3 & JS
- Nextjs
- Reactjs
- Payload CMS
- Resend Mail
- MongoDB
- Shadcn components
- Lucide React Icons