This website showcases the projects and skills of a self-taught developer with over four years of experience in building advanced SaaS products. It highlights tools used like React, Node.js, and TailwindCSS, and features projects such as event and podcast platforms. The site also includes blog posts on JavaScript topics and offers contact details for inquiries.
Features
Featured Projects
Showcases various projects such as Luma, ChainGPT, Powerup, and Pod Portal with live previews and details.
Blog Posts
Provides latest blog entries focusing on technical topics such as JavaScript Modulo Operator and publishing on npm.
Tools Used
Highlights technologies and tools experienced, including React, TailwindCSS, Material UI, Node.js, and others.
Luma - Delightful events start here
Find or create events and connect with like-minded people. This platform allows users to join groups, meet new people, and organize their own events. It provides features for community building and social interaction.
ChainGPT - The Power of Blockchain AI
AI-powered dashboard for Web3. Offers tools for traders, NFT creators, developers, and crypto enthusiasts. It provides analytics and insights on blockchain activities.
PowerUp - Brain Battles
Engage in thrilling and mind-bending knowledge games. Users can showcase their expertise and compete in quizzes to win rewards.
Pod Portal - Your Gateway to Endless Audio Adventures
A platform to discover and enjoy podcasts. Features curated selections for users to explore stories, discussions, and entertainment.
ManyLives - The Potential of Kuto Digital Characters
Enables users to mint and own digital assets like Kuto characters. This platform encourages creativity and personal expression through digital collectibles.
World Ranks - Ultimate source for country rankings
Provides comprehensive data on currency and population worldwide. Useful for staying informed and making smarter decisions with detailed statistics.
Modulo Operator Explanation
The page provides a detailed explanation of the modulo operator (%) in JavaScript, including how it works to find the remainder of a division operation.
Path-liking Division
The article explains division conceptually, showing how division works practically and visually using examples and code snippets.
Real-world Use Case
An example is given where the modulo operator is used to loop through colors in an array. This illustrates how the operator can solve problems in web development, such as cycling through items.
create-react-library
A tool that allows you to easily create a React library by running a simple command. It prompts for some configuration, and sets up the project to work immediately, including an example project inside to ensure the library works before publishing.
Handling React Fragments
While publishing, faced issues with React Fragments that required adjustments in configuration from using shorthand <>...</> to <React.Fragment> for proper compilation.
Handling SVG imports
Encountered issues with SVG imports when the component compiled with different file names, causing module conflicts. This was resolved by adapting the setup.
CSS module handling
Faced issues with CSS modules that required changing styles from modules to css files for proper integration without suffix issues during compilation.