Full Stack Developer | Open Source lover
Most web globes are a picture wrapped around a sphere. You can spin them, and that's about it. I wanted one where every country is a real object: its own plate, set into the ocean ball like a puzzle p
The five fixes from OpenAI's engineering post, explained with an interactive diagram you can poke at
From Chakra UI to Tailwind CSS, three themes, and a multiplayer canvas where you plug a theme into a display
Project Overview TemplatesKart is a powerful set of fully responsive and accessible React components and projects. Demo: TemplatesKart Github Repo: TemplatesKart Code How I built it Framework: Next.js Styling: Chakra UI Animations: Framer Motion Dep...
A Changelog page for any website is a good way to keep your audience up to date with new and meaningful changes. In my previous post, I mentioned that I'll create changelog page for my portfolio website. So I got free time on the weekend and worked ...
Let's clone dev.to with the actual dev.to api to get the posts and listings. Overview This application is built with the following technologies: Typescript Nextjs Chakra UI SWR Dev.to api Live demo: https://dev-to-clone-ma.vercel.app https://github...
1.Create a Nextjs app yarn create next-app --typescript 2.Install Chakra UI yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4 3.Create components/layout/header.tsx import { Box, Link, Heading, Flex, Text, Button } from...
Currently, I'm learning Nextjs and Typescript. And for a learning perspective, I decided to rebuild my portfolio website with Nextjs. And I really loved it. It was so easy to recreate my portfolio website with Nextjs. So far I'm using some of Nextjs...
Live link: Portfolio Github repo Repo Pages Home Page Intro Highlights Projects Achievements Show progress yearly wise About Career Education Developer Story Tech Stack Open Source Blog Published articles list Built with Typescript Reactjs...
