Benjamin Carlson's avatar

Benjamin Carlson

Computer science student, content creator, creator of coffeeclass.io.

WebsiteGitHubTwitterYouTube
25 articles

Articles

leet-code.png

shared

Ben's Leet Code Solutions

January 7, 2022 · Ben's Leetcode solutions. This is a living document. Check back daily for new solutions to top leet code questions in various languages.

Read More

nextjs-light.png

shared

Next.js Progressive Web App

January 3, 2022 · Turn your Next.js website into a Progressive Web App allowing offline support, push notifications and other great features using the next-pwa package.

Read More

dart.png

shared

Top 5 coffeeclass.io Articles of 2021

December 31, 2021 · Take a look at the top 5 coffeeclass.io articles of 2021 and see what others are interested in.

Read More

react.png

shared

useState() Hook in Next JS - React Hooks

December 30, 2021 · Learn what useState is and learn how to use useState in Next JS by coding some examples.

Read More

c.png

shared

Create A Grade Converter C Program

December 20, 2021 · Learn C programming by creating a simple grade converter program using if/else, scanf, and local variables.

Read More

algolia.png

shared

Add Algolia's InstantSearch to Next.js - A Quickstart

December 17, 2021 · Seamlessly integrate Algolia's InstantSearch into your Next.js application and watch the searches roll in!

Read More

nextjs-light.png

shared

Next/Image Doesn't Fill Parent Div!

November 1, 2021 · If next/image does not fill the parent div, you need to use position relative.

Read More

chakra-ui.png

shared

Chakra UI Menu Dropdown on Hover

October 27, 2021 · How to use Chakra UI's useDisclosure hook to create a dropdown menu on hover.

Read More

nextjs-light.png

shared

Generate A Dynamic Sitemap In Next.js Website

September 27, 2021 · Learn how to create a dynamic sitemap for a react and Next.js website using fs, globby, and prettier.

Read More

firebase.png

shared

Build A Todo Web App Using Next.js, Firebase, Chakra UI + React Hooks

September 26, 2021 · Create a todo web app using Next.js, Firebase, Chakra UI, and React hooks (useState and useEffect). This is a full stack app with the following features: write to cloud firestore, read data using snapshot + useEffect, delete a todo, sign in with different accounts and protect data.

Read More

chakra-ui.png

shared

Advanced Chakra UI

August 29, 2021 · Learn 5 Chakra UI advanced tricks and tips to bring you from a beginner React developer to advanced.

Read More

css.png

shared

Pure CSS Float On Hover Effect

August 23, 2021 · Add a float up hover transition animation to a div using css.

Read More

react.png

shared

useEffect() Hook in Next.JS - React Hooks

August 9, 2021 · Learn what useEffect is learn how to use useEffect in Next.JS.

Read More

react-native.png

shared

Create and Run React Native Mobile App Using Expo in Under 5 Minutes!

August 9, 2021 · Create a cross platform ios and Android app using React Native and run it using Expo.

Read More

chakra-ui.png

shared

Chakra-UI Mobile Navbar (Drawer Component)

August 2, 2021 · Use Chakra UI's drawer component to create a simple mobile navigation bar.

Read More

splitbee.png

shared

Add Splitbee Analytics To Next.js

July 20, 2021 · Add Splitbee Analytics to a Next.js Jamstack website for free. Track analytics, users, funnels, automate tasks, run experiments like a/b testing and more with Splitbee Analytics.

Read More

flutter.png

shared

Create A Flutter Bottom Navigation Bar

July 16, 2021 · Create a flutter bottom navigation bar using the BottomNavigationBar Flutter widget that works with more than 3 items!

Read More

nextjs-light.png

shared

Next.js Crash Course

July 10, 2021 · Build a developer blog/portfolio using Next.js, Chakra UI, next-mdx-remote, next-seo and deploy it to Vercel in this Next.js crash course.

Read More

nextjs-light.png

shared

Next.js + MDX Pages Quickstart

May 10, 2021 · If you are building a developer personal website using next.js, you can use mdx pages for your blog or other static pages to increase speed and seo.

Read More

firebase.png

shared

How To Use Firebase As Flutter's Backend

May 3, 2021 · Learn how to connect Google's Firebase database to your Flutter mobile app easily.

Read More

utterances.png

shared

Add Comments To React/Next.js Website

May 1, 2021 · How to add comments to a Next.js/React website? In this tutorial, we'll use utteranc - a comment solution which uses GitHub issues to store comments.

Read More

google-analytics.png

shared

Add Google Analytics To Next.js Website

April 29, 2021 · Connect Google analytics to your Next.js website and track clicks, scrolls, page views, and more.

Read More

dart.png

shared

How To Use The map() Function In Dart

April 28, 2021 · Dart and Flutter doesn't return data when I use .map() function on array list.

Read More

chakra-ui.png

shared

Chakra-UI Responsive Navigation Bar

April 25, 2021 · Create a responsive navigation bar using Chakra-UI. Mobile responsive, add animation using framer motion.

Read More

firebase.png

shared

Connect Firebase To Next.js

April 15, 2021 · Learn how to connect Next.js to Google's Firebase and use authentication, cloud Firestore, Realtime Database, and cloud storage.

Read More

    Legal

    Terms

    Disclaimer

    Privacy Policy


    Carlson Technologies Logo© Copyright 2021 - 2022, Carlson Technologies LLC. All Rights Reserved.