- 📖 I’m currently taking a Front-End Engineer career path program in Codecademy Pro.
- ⌨️ I'm a coding hobbyist who spends 5-9hrs coding for fun and studying Web Development in general.
- ✨ Interests:
- ♟️ I like playing Chess and Valorant
- 📺 I am more have interest watching Korean series than other TV series
- 🍺 I like having a drink on beach with friends
- Personal Email Tool - Private Repo | Live
- Bulletin Board - Repo | Live
- Student Manager - Repo | Live
- ShopIt Ecommerce - Repo | Live
- Personal Portfolio Site with Blog CMS - Repo | Live
- Socially | Simple social crud & authentication function - Repo | 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
Im new to NEXTJS a javascript framework and I found it interesting. To explore about it I decided to build this PWA to make my personal portfolio blog site and will keep updating it to add some features. sample link
- Showcase my portfolio & skill excercises
- Can Post Blog using Ghost CMS backend
- Contact Form
- HTML, CSS3 & JS
- Nextjs
- Reactjs
- Headless Ghost CMS backend (free for development purpose)
- Fontawesome icons
- Nodemailer + googleapi OAuth2