PraneethaG4's profile picture. Web Developer | • Javascript • Angular • Node.js • Python | AI & ML | Code Lover | Always learning  and building | #100DaysCode

Praneetha G

@PraneethaG4

Web Developer | • Javascript • Angular • Node.js • Python | AI & ML | Code Lover | Always learning and building | #100DaysCode

Completed 2025 Hiring Prep Sprint Leetcode DSA Challenge! #dsa #javascript #coding #leetcode

PraneethaG4's tweet image. Completed 2025 Hiring Prep Sprint Leetcode DSA Challenge!

#dsa #javascript #coding #leetcode

Completed 🚀 2025 Hiring Prep Sprint – Big Tech Interview Challenge Leetcode WEEK 1 Challenge! leetcode.com/discuss/post/6… #leetcode #dsa #coding #javascript

PraneethaG4's tweet image. Completed 🚀 2025 Hiring Prep Sprint – Big Tech Interview Challenge Leetcode WEEK 1 Challenge!

leetcode.com/discuss/post/6…

#leetcode #dsa #coding #javascript

Exploring the AI Agents course on Hugging Face to build an AI Agents Web Search to get latest news on topics like Skincare, Nutrition and Fitness. Working on a cute, simple UI to integrate this feature in UI. #CodingJourney #developer

PraneethaG4's tweet image. Exploring the AI Agents course on Hugging Face to build an AI Agents Web Search to get latest news on topics like Skincare, Nutrition and Fitness.
Working on a cute, simple UI to integrate this feature in UI.
#CodingJourney #developer
PraneethaG4's tweet image. Exploring the AI Agents course on Hugging Face to build an AI Agents Web Search to get latest news on topics like Skincare, Nutrition and Fitness.
Working on a cute, simple UI to integrate this feature in UI.
#CodingJourney #developer

Its time to escape into some fiction... #orbital #reading #weekends

PraneethaG4's tweet image. Its time to escape into some fiction...
#orbital #reading #weekends

🚀 Day 100 of #100DaysOfJavaScript Learnt: JavaScript Unit Testing fwk - Jest - Written unit test suites That's it for this challenge. Will continue building projects & learning consistently Thankyou all for your support & motivation. Will reward myself with an ice-cream next😊

PraneethaG4's tweet image. 🚀 Day 100 of #100DaysOfJavaScript
Learnt:
JavaScript Unit Testing fwk - Jest
- Written unit test suites

That's it for this challenge. Will continue building projects & learning consistently

Thankyou all for your support & motivation.
Will reward myself with an ice-cream next😊
PraneethaG4's tweet image. 🚀 Day 100 of #100DaysOfJavaScript
Learnt:
JavaScript Unit Testing fwk - Jest
- Written unit test suites

That's it for this challenge. Will continue building projects & learning consistently

Thankyou all for your support & motivation.
Will reward myself with an ice-cream next😊
PraneethaG4's tweet image. 🚀 Day 100 of #100DaysOfJavaScript
Learnt:
JavaScript Unit Testing fwk - Jest
- Written unit test suites

That's it for this challenge. Will continue building projects & learning consistently

Thankyou all for your support & motivation.
Will reward myself with an ice-cream next😊
PraneethaG4's tweet image. 🚀 Day 100 of #100DaysOfJavaScript
Learnt:
JavaScript Unit Testing fwk - Jest
- Written unit test suites

That's it for this challenge. Will continue building projects & learning consistently

Thankyou all for your support & motivation.
Will reward myself with an ice-cream next😊

🚀 Day 99 of #100DaysOfJavaScript Learnt: - Island Architecture - renders static content on server & uses placeholders for dynamic content which hydrates over client - Created a blog using Astro blog templates. Will end this challenge with Jest Javascript testing tomorrow.

PraneethaG4's tweet image. 🚀 Day 99 of #100DaysOfJavaScript

Learnt:
- Island Architecture - renders static content on server & uses placeholders for dynamic content which hydrates over client
- Created a blog using Astro blog templates.

Will end this challenge with Jest Javascript testing tomorrow.
PraneethaG4's tweet image. 🚀 Day 99 of #100DaysOfJavaScript

Learnt:
- Island Architecture - renders static content on server & uses placeholders for dynamic content which hydrates over client
- Created a blog using Astro blog templates.

Will end this challenge with Jest Javascript testing tomorrow.
PraneethaG4's tweet image. 🚀 Day 99 of #100DaysOfJavaScript

Learnt:
- Island Architecture - renders static content on server & uses placeholders for dynamic content which hydrates over client
- Created a blog using Astro blog templates.

Will end this challenge with Jest Javascript testing tomorrow.
PraneethaG4's tweet image. 🚀 Day 99 of #100DaysOfJavaScript

Learnt:
- Island Architecture - renders static content on server & uses placeholders for dynamic content which hydrates over client
- Created a blog using Astro blog templates.

Will end this challenge with Jest Javascript testing tomorrow.

🚀 Day 98 of #100DaysOfJavaScript Learnt: - Animating View Transition pattern - transition any visual dom change from one state to another - Implemented Toggle and Gallery view using View Transition api and gave smooth transitions using view-transition pseudo elements. #coding

PraneethaG4's tweet image. 🚀 Day 98 of #100DaysOfJavaScript

Learnt:
- Animating View Transition pattern - transition any visual dom change from one state to another
- Implemented Toggle and Gallery view using View Transition api and gave smooth transitions using view-transition pseudo elements.

#coding
PraneethaG4's tweet image. 🚀 Day 98 of #100DaysOfJavaScript

Learnt:
- Animating View Transition pattern - transition any visual dom change from one state to another
- Implemented Toggle and Gallery view using View Transition api and gave smooth transitions using view-transition pseudo elements.

#coding

🚀 Day 97 of #100DaysOfJavaScript Learnt: - Incremental Static Rendering - Pre-render certain pages & render other pages on-demand - tried out this pattern with a minimal example in next.js nextjs.org/docs/app/build… Will dive into Streaming SSR next! #javascript

PraneethaG4's tweet image. 🚀 Day 97 of #100DaysOfJavaScript

Learnt:
- Incremental Static Rendering - Pre-render certain pages & render other pages on-demand
- tried out this pattern with a minimal example in next.js
nextjs.org/docs/app/build…

Will dive into Streaming SSR next!
#javascript
PraneethaG4's tweet image. 🚀 Day 97 of #100DaysOfJavaScript

Learnt:
- Incremental Static Rendering - Pre-render certain pages & render other pages on-demand
- tried out this pattern with a minimal example in next.js
nextjs.org/docs/app/build…

Will dive into Streaming SSR next!
#javascript
PraneethaG4's tweet image. 🚀 Day 97 of #100DaysOfJavaScript

Learnt:
- Incremental Static Rendering - Pre-render certain pages & render other pages on-demand
- tried out this pattern with a minimal example in next.js
nextjs.org/docs/app/build…

Will dive into Streaming SSR next!
#javascript

🚀 Day 96 of #100DaysOfJavaScript Learnt: - Static Rendering: Delivers pre-rendered html content that was generated at build time -build cooking recipe blog page using 11ty static site generation tool youtube.com/watch?v=kzf9A9… Will dive into Incremental Static Regeneration next!

PraneethaG4's tweet image. 🚀 Day 96 of #100DaysOfJavaScript

Learnt:
- Static Rendering: Delivers pre-rendered html content that was generated at build time
-build cooking recipe blog page using 11ty static site generation tool
youtube.com/watch?v=kzf9A9…

Will dive into Incremental Static Regeneration next!
PraneethaG4's tweet image. 🚀 Day 96 of #100DaysOfJavaScript

Learnt:
- Static Rendering: Delivers pre-rendered html content that was generated at build time
-build cooking recipe blog page using 11ty static site generation tool
youtube.com/watch?v=kzf9A9…

Will dive into Incremental Static Regeneration next!
PraneethaG4's tweet image. 🚀 Day 96 of #100DaysOfJavaScript

Learnt:
- Static Rendering: Delivers pre-rendered html content that was generated at build time
-build cooking recipe blog page using 11ty static site generation tool
youtube.com/watch?v=kzf9A9…

Will dive into Incremental Static Regeneration next!

🚀 Day 95 of #100DaysOfJavaScript Learnt: - Client Side rendering - render html on client - Server Side rendering using ejs and express server - generates html on server. - Differences b/w them Excited to dive into Static rendering pattern next! #javascript

PraneethaG4's tweet image. 🚀 Day 95 of #100DaysOfJavaScript

Learnt:
- Client Side rendering -  render html on client
- Server Side rendering using ejs and express server - generates html on server.
- Differences b/w them

Excited to dive into Static rendering pattern next!
#javascript
PraneethaG4's tweet image. 🚀 Day 95 of #100DaysOfJavaScript

Learnt:
- Client Side rendering -  render html on client
- Server Side rendering using ejs and express server - generates html on server.
- Differences b/w them

Excited to dive into Static rendering pattern next!
#javascript
PraneethaG4's tweet image. 🚀 Day 95 of #100DaysOfJavaScript

Learnt:
- Client Side rendering -  render html on client
- Server Side rendering using ejs and express server - generates html on server.
- Differences b/w them

Excited to dive into Static rendering pattern next!
#javascript
PraneethaG4's tweet image. 🚀 Day 95 of #100DaysOfJavaScript

Learnt:
- Client Side rendering -  render html on client
- Server Side rendering using ejs and express server - generates html on server.
- Differences b/w them

Excited to dive into Static rendering pattern next!
#javascript

🚀 Day 94 of #100DaysOfJavaScript Learnt: Core Web Vitals - Largest Contentful Paint - Interaction to Next Paint -Cumulative Layout Shift web.dev/explore/learn-… - Measured using web-vitals library, PerformanceObserver & Lighthouse Will dive into Client Side & Static Rendering!

PraneethaG4's tweet image. 🚀 Day 94 of #100DaysOfJavaScript

Learnt: Core Web Vitals
- Largest Contentful Paint
- Interaction to Next Paint
-Cumulative Layout Shift
web.dev/explore/learn-…
- Measured using web-vitals library, PerformanceObserver & Lighthouse

Will dive into Client Side & Static Rendering!
PraneethaG4's tweet image. 🚀 Day 94 of #100DaysOfJavaScript

Learnt: Core Web Vitals
- Largest Contentful Paint
- Interaction to Next Paint
-Cumulative Layout Shift
web.dev/explore/learn-…
- Measured using web-vitals library, PerformanceObserver & Lighthouse

Will dive into Client Side & Static Rendering!
PraneethaG4's tweet image. 🚀 Day 94 of #100DaysOfJavaScript

Learnt: Core Web Vitals
- Largest Contentful Paint
- Interaction to Next Paint
-Cumulative Layout Shift
web.dev/explore/learn-…
- Measured using web-vitals library, PerformanceObserver & Lighthouse

Will dive into Client Side & Static Rendering!
PraneethaG4's tweet image. 🚀 Day 94 of #100DaysOfJavaScript

Learnt: Core Web Vitals
- Largest Contentful Paint
- Interaction to Next Paint
-Cumulative Layout Shift
web.dev/explore/learn-…
- Measured using web-vitals library, PerformanceObserver & Lighthouse

Will dive into Client Side & Static Rendering!

🚀 Day 93 of #100DaysOfJavaScript Learnt: - PRPL Pattern -Push critical Resources, Render initial route asap, Precache assets using workbox-precaching library & Lazy load - List Virtualization -only render items that are visible on screen Will dive into Rendering patterns next!

PraneethaG4's tweet image. 🚀 Day 93 of #100DaysOfJavaScript

Learnt:
- PRPL Pattern -Push critical Resources, Render initial route asap, Precache assets using workbox-precaching library & Lazy load
- List Virtualization -only render items that are visible on screen

Will dive into Rendering patterns next!
PraneethaG4's tweet image. 🚀 Day 93 of #100DaysOfJavaScript

Learnt:
- PRPL Pattern -Push critical Resources, Render initial route asap, Precache assets using workbox-precaching library & Lazy load
- List Virtualization -only render items that are visible on screen

Will dive into Rendering patterns next!
PraneethaG4's tweet image. 🚀 Day 93 of #100DaysOfJavaScript

Learnt:
- PRPL Pattern -Push critical Resources, Render initial route asap, Precache assets using workbox-precaching library & Lazy load
- List Virtualization -only render items that are visible on screen

Will dive into Rendering patterns next!

🚀 Day 92 of #100DaysOfJavaScript Learnt: Optimizing Third party loading - using async or defer for non-critical scripts - using preconnect/ dns-prefetch resource hints for critical resources - lazy loading images/3rd party embeddings - loading attribute and lazysizes library

PraneethaG4's tweet image. 🚀 Day 92 of #100DaysOfJavaScript

Learnt: Optimizing Third party loading
- using async or defer for non-critical scripts
- using preconnect/ dns-prefetch resource hints for critical resources
- lazy loading images/3rd party embeddings - loading attribute and lazysizes library
PraneethaG4's tweet image. 🚀 Day 92 of #100DaysOfJavaScript

Learnt: Optimizing Third party loading
- using async or defer for non-critical scripts
- using preconnect/ dns-prefetch resource hints for critical resources
- lazy loading images/3rd party embeddings - loading attribute and lazysizes library
PraneethaG4's tweet image. 🚀 Day 92 of #100DaysOfJavaScript

Learnt: Optimizing Third party loading
- using async or defer for non-critical scripts
- using preconnect/ dns-prefetch resource hints for critical resources
- lazy loading images/3rd party embeddings - loading attribute and lazysizes library
PraneethaG4's tweet image. 🚀 Day 92 of #100DaysOfJavaScript

Learnt: Optimizing Third party loading
- using async or defer for non-critical scripts
- using preconnect/ dns-prefetch resource hints for critical resources
- lazy loading images/3rd party embeddings - loading attribute and lazysizes library

🚀 Day 91 of #100DaysOfJavaScript Learnt: Performance Pattern - Prefetch - fetch resources that will be required in future and caches it - Preload - fetch critical resources that are required in the initial render Will dive into optimizing loading 3rd parties next! #javascript

PraneethaG4's tweet image. 🚀 Day 91 of #100DaysOfJavaScript

Learnt: Performance Pattern
- Prefetch - fetch resources that will be required in future and caches it
- Preload - fetch critical resources that are required in the initial render

Will dive into optimizing loading 3rd parties next!
#javascript
PraneethaG4's tweet image. 🚀 Day 91 of #100DaysOfJavaScript

Learnt: Performance Pattern
- Prefetch - fetch resources that will be required in future and caches it
- Preload - fetch critical resources that are required in the initial render

Will dive into optimizing loading 3rd parties next!
#javascript

🚀 Day 90 of #100DaysOfJavaScript Learnt: Performance Patterns - Import on Interacting - Lazy Loading components/libraries on user interactions - Import on Visibility - Lazy Loading images on scroll using IntersectionObserver API Excited to dive into Prefetch and Preload next!

PraneethaG4's tweet image. 🚀 Day 90 of #100DaysOfJavaScript

Learnt: Performance Patterns
- Import on Interacting - Lazy Loading components/libraries on user interactions
- Import on Visibility - Lazy Loading images on scroll using IntersectionObserver API

Excited to dive into Prefetch and Preload next!
PraneethaG4's tweet image. 🚀 Day 90 of #100DaysOfJavaScript

Learnt: Performance Patterns
- Import on Interacting - Lazy Loading components/libraries on user interactions
- Import on Visibility - Lazy Loading images on scroll using IntersectionObserver API

Excited to dive into Prefetch and Preload next!
PraneethaG4's tweet image. 🚀 Day 90 of #100DaysOfJavaScript

Learnt: Performance Patterns
- Import on Interacting - Lazy Loading components/libraries on user interactions
- Import on Visibility - Lazy Loading images on scroll using IntersectionObserver API

Excited to dive into Prefetch and Preload next!

🚀 Day 89 of #100DaysOfJavaScript Learnt: Performance Pattern - Dynamic Imports - imports evaluated only when needed - Differences b/w Static and Dynamic Imports developer.mozilla.org/en-US/docs/Web… Excited to dive into Importing on Interaction and Visibility patterns next! #javascript

PraneethaG4's tweet image. 🚀 Day 89 of #100DaysOfJavaScript

Learnt: Performance Pattern
- Dynamic Imports - imports evaluated only when needed
- Differences b/w Static and Dynamic Imports
developer.mozilla.org/en-US/docs/Web…

Excited to dive into Importing on Interaction and Visibility patterns next!
#javascript
PraneethaG4's tweet image. 🚀 Day 89 of #100DaysOfJavaScript

Learnt: Performance Pattern
- Dynamic Imports - imports evaluated only when needed
- Differences b/w Static and Dynamic Imports
developer.mozilla.org/en-US/docs/Web…

Excited to dive into Importing on Interaction and Visibility patterns next!
#javascript

🚀 Day 88 of #100DaysOfJavaScript Learnt: Performance Tools & Practices - Bundled and enabled tree shaking using webpack - Compiled code using babel - Minified js files using TerserPlugin javascriptpatterns.vercel.app/patterns/perfo… Excited to dive into more Performance Patterns next! #javascript

PraneethaG4's tweet image. 🚀 Day 88 of #100DaysOfJavaScript

Learnt: Performance Tools & Practices
- Bundled and enabled tree shaking using webpack
- Compiled code using babel
- Minified js files using TerserPlugin
javascriptpatterns.vercel.app/patterns/perfo…
Excited to dive into more Performance Patterns next!
#javascript
PraneethaG4's tweet image. 🚀 Day 88 of #100DaysOfJavaScript

Learnt: Performance Tools & Practices
- Bundled and enabled tree shaking using webpack
- Compiled code using babel
- Minified js files using TerserPlugin
javascriptpatterns.vercel.app/patterns/perfo…
Excited to dive into more Performance Patterns next!
#javascript
PraneethaG4's tweet image. 🚀 Day 88 of #100DaysOfJavaScript

Learnt: Performance Tools & Practices
- Bundled and enabled tree shaking using webpack
- Compiled code using babel
- Minified js files using TerserPlugin
javascriptpatterns.vercel.app/patterns/perfo…
Excited to dive into more Performance Patterns next!
#javascript
PraneethaG4's tweet image. 🚀 Day 88 of #100DaysOfJavaScript

Learnt: Performance Tools & Practices
- Bundled and enabled tree shaking using webpack
- Compiled code using babel
- Minified js files using TerserPlugin
javascriptpatterns.vercel.app/patterns/perfo…
Excited to dive into more Performance Patterns next!
#javascript

🚀 Day 87 of #100DaysOfJavaScript Learnt: Singleton DP: Classes instantiated once and can be accessed globally. Static Import DP: import code exported by another module with the default import keyword. javascriptpatterns.vercel.app/patterns/desig… Excited to dive into Performance Patterns next!

PraneethaG4's tweet image. 🚀 Day 87 of #100DaysOfJavaScript

Learnt:
Singleton DP: Classes instantiated once and can be accessed globally.
Static Import DP: import code exported by another module with the default import keyword.
javascriptpatterns.vercel.app/patterns/desig…

Excited to dive into Performance Patterns next!
PraneethaG4's tweet image. 🚀 Day 87 of #100DaysOfJavaScript

Learnt:
Singleton DP: Classes instantiated once and can be accessed globally.
Static Import DP: import code exported by another module with the default import keyword.
javascriptpatterns.vercel.app/patterns/desig…

Excited to dive into Performance Patterns next!
PraneethaG4's tweet image. 🚀 Day 87 of #100DaysOfJavaScript

Learnt:
Singleton DP: Classes instantiated once and can be accessed globally.
Static Import DP: import code exported by another module with the default import keyword.
javascriptpatterns.vercel.app/patterns/desig…

Excited to dive into Performance Patterns next!
PraneethaG4's tweet image. 🚀 Day 87 of #100DaysOfJavaScript

Learnt:
Singleton DP: Classes instantiated once and can be accessed globally.
Static Import DP: import code exported by another module with the default import keyword.
javascriptpatterns.vercel.app/patterns/desig…

Excited to dive into Performance Patterns next!

🚀 Day 86 of #100DaysOfJavaScript Learnt: Proxy DP- Interacting with the proxy object instead of interacting with target object directly. - Validations using Proxy - Reflect object - minimal wrappers around obj internal methods. Will dive into Singleton & Static Import DP next!

PraneethaG4's tweet image. 🚀 Day 86 of #100DaysOfJavaScript

Learnt:
Proxy DP- Interacting with the proxy object instead of interacting with target object directly.
- Validations using Proxy
- Reflect object - minimal wrappers around obj internal methods.

Will dive into Singleton & Static Import DP next!
PraneethaG4's tweet image. 🚀 Day 86 of #100DaysOfJavaScript

Learnt:
Proxy DP- Interacting with the proxy object instead of interacting with target object directly.
- Validations using Proxy
- Reflect object - minimal wrappers around obj internal methods.

Will dive into Singleton & Static Import DP next!

🚀 Day 85 of #100DaysOfJavaScript Learnt: Module DP - Split code into smaller reusable files. Prototype DP- Share properties among objects of same type and access them through prototype chain. Excited to dive into Provider and Proxy patterns next! #javascript

PraneethaG4's tweet image. 🚀 Day 85 of #100DaysOfJavaScript

Learnt:
Module DP - Split code into smaller reusable files.
Prototype DP- Share properties among objects of same type and access them through prototype chain.

Excited to dive into Provider and Proxy patterns next!
#javascript
PraneethaG4's tweet image. 🚀 Day 85 of #100DaysOfJavaScript

Learnt:
Module DP - Split code into smaller reusable files.
Prototype DP- Share properties among objects of same type and access them through prototype chain.

Excited to dive into Provider and Proxy patterns next!
#javascript
PraneethaG4's tweet image. 🚀 Day 85 of #100DaysOfJavaScript

Learnt:
Module DP - Split code into smaller reusable files.
Prototype DP- Share properties among objects of same type and access them through prototype chain.

Excited to dive into Provider and Proxy patterns next!
#javascript
PraneethaG4's tweet image. 🚀 Day 85 of #100DaysOfJavaScript

Learnt:
Module DP - Split code into smaller reusable files.
Prototype DP- Share properties among objects of same type and access them through prototype chain.

Excited to dive into Provider and Proxy patterns next!
#javascript

United States Trends

Loading...

Something went wrong.


Something went wrong.