Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Create a 2048 Game from Scratch with Next.js & TypeScript
Rating: 4.7 out of 5(30 ratings)
232 students

Create a 2048 Game from Scratch with Next.js & TypeScript

A fun, hands-on project to learn React, Next.js, and TypeScript by building a real game from scratch
Created byMateusz Sokola
Last updated 5/2026
English

What you'll learn

  • How to create your own 2048 Game with awesome animations
  • React hooks such as useState, useRef, useCallback, useEffect, and more
  • State management using useReducer and React Context API
  • Leverage type safety using TypeScript
  • Responsive Apps for Desktop & Mobile
  • How to use NextJS – Most Popular React framework
  • Testing React Applications

Course content

7 sections • 23 lectures • 5h 55m total length

  • Hello world! Let's build something cool today!1:08

    Welcome to this exciting journey that we're about to embark on together. Let's get a sneak peek of the fantastic achievement awaiting us: By the end of this course, you'll have developed an extraordinary 2048 game, all powered by React and Next.js! How does that sound? Take a moment to glance at the game board where your ultimate objective is to combine tiles until they proudly present the number 2048.

    But that's not all – this game is not just a static demonstration, it's fully functional:

    • Every move is executed seamlessly, accompanied by captivating animations.

    • Observe your score – watch it increase with every successful tile combination.

    • While you're enhancing your React skills, we're taking it up a notch by delving into the vital art of writing tests. Mastering this skill is a hallmark of exceptional developers and will undoubtedly bolster your prospects for future employment.

    • And here's the exciting twist – imagine playing this very game on your mobile device! Yes, you read that right. Are you prepared to swipe your way to triumph?

    With your anticipation levels soaring, I'm sure you're eagerly waiting to uncover the secrets of constructing your very own 2048 game. Let's dive in and get started!

  • Create new React + NextJS project9:02

    Learn how to create a new React and Next.js project to build a 2048 game, using TypeScript, ESLint, and Prettier, and configure EditorConfig for consistent code.

  • Clean up boilerplate and define game styles10:02

Requirements

  • HTML, CSS and JavaScript fundamentals are required
  • Basic knowledge of command line. Essentials only

Description

Are you a beginner React or JavaScript programmer eager to dive into the exciting world of Next.js? You’ve found your next big thing!


And the best part is, IT’S NOT BORING!


Ever done a coding course and forgotten half the stuff you learned? Well, I'm glad to tell you that this is not that.


I’m not someone who likes boring things, and that’s why I took the time to develop a course that not only teaches you super insightful stuff but also keeps you involved, captivated, and excited!


My comprehensive course offers a super unique learning experience by guiding you through the creation of the beloved 2048 game from start to finish.


Exciting Learning Experience

Kiss dull tutorials goodbye and welcome hands-on interactive learning! I believe programming should be fun and unleash your creativity. With my course, you’ll embark on a thrilling game development journey while mastering essential React and Next.js concepts.


Learn by Doing

Tired of dry theory and non-functional examples? My course focuses on hands-on learning, allowing you to apply Next.js concepts in a practical and engaging manner. By building a fully functional 2048 game, you’ll solidify your understanding of Next.js while having fun along the way!


Master Key React Techniques

We give you hands-on experience with essential React hooks and state management techniques. From useState to useCallback, you’ll learn how to enhance your apps' functionality and performance while building the 2048 game of your dreams.


Optimized for Mobile

Why are you still settling for mediocre games when you can create something truly extraordinary? My course will teach you how to develop a responsive and mobile-friendly 2048 game, complete with smooth animations and seamless gameplay on various devices.


Expert Guidance

Learn from a seasoned software engineer with over 12 years of industry experience. With practical insights and real-world examples, you’ll not only master React and Next.js but also gain invaluable practical skills that will set you apart in the job market.


Tap Into Your Potential

Are you an aspiring developer looking to break into the industry or a seasoned programmer seeking to expand your skill set? My course is specifically designed for learners of all levels. With its thorough curriculum, you’ll advance your coding skills to new heights.


What You’ll Learn

By the end of the course, you’ll have built a fully functional 2048 game in React and Next.js. From managing complex state to integrating TypeScript for enhanced code quality, you’ll be equipped with the tools and knowledge to tackle future projects with confidence!


I’m so excited to invite you to join this journey and finally reach the potential that will accelerate your career as a developer.


Enroll now and start building your own 2048 game today!

Who this course is for:

  • Aspiring React and NextJS Developers
  • Those who are tired of boring examples and eager to build something exciting
  • Developers looking to learn from real-world experience and practical insights
  • Anyone who wants to elevate their JavaScript skills and dive into the world of React and Next JS

Report abuse