Skip to content

Commit

Permalink
docs: update (#15)
Browse files Browse the repository at this point in the history
* docs: update
README.md

* docs: update README.md

* feat: update sales pitch
  • Loading branch information
mateuszsokola authored Sep 1, 2024
1 parent 628d936 commit f666854
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 6 deletions.
14 changes: 13 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,10 @@
[![CI][test-badge]][test-url]
[![TypeScript][typescript-badge]][typescript-url]

This is a fully functional clone of the popular 2048 game, built using React and Next.js. Not only does it offer smooth animations and works on mobile devices, but it's also a fantastic learning resource for developers. Whether you're here to play, contribute, or learn, this project has something for everyone.

If you're interested in mastering React by building this game step-by-step, check out the course linked below!

[![](.docs/demo.gif)](https://mateuszsokola.github.io/2048-in-react/)

## [Play 2048 💥](https://mateuszsokola.github.io/2048-in-react/)
Expand All @@ -13,7 +17,7 @@

- Fully-functional 2048 clone
- Animations
- Supports **keyboard**, **mouse** and **touch** events
- Supports **keyboard** and **touch** events

## Development

Expand All @@ -29,8 +33,16 @@ Just start dev server on [localhost](http://localhost:3000):

## Build your own 2048 Game! 🚀

Want to learn how to build this game from scratch using React & Next.js? I've got you covered! This project is part of an online course where I guide you through the entire process, step-by-step.

Whether you're a beginner looking to enhance your skills or an experienced developer seeking a fun project, this course will take you through the core concepts of React while building a fully functional game.

[![Build 2048 Game in React](https://assets.mateu.sh/assets/github-2048-in-react-readme)](https://assets.mateu.sh/r/github-2048-in-react-readme)

## Support

If you encounter any issues or have suggestions, feel free to open an issue. Your feedback is always appreciated!

[lint-badge]: https://github.com/mateuszsokola/2048-in-react/actions/workflows/lint.yml/badge.svg
[lint-url]: https://github.com/mateuszsokola/2048-in-react/actions/workflows/actions/workflows/lint.yml
[test-badge]: https://github.com/mateuszsokola/2048-in-react/actions/workflows/test.yml/badge.svg
Expand Down
8 changes: 3 additions & 5 deletions pages/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,19 +31,17 @@ export default function Home() {
<Board />
</main>
<div>
<h2>
🚀 <span>Learn React 18 & Next.js</span>
</h2>
<h2>🚀 Create your own game</h2>
<p>
Join my{" "}
<a
href="https://www.udemy.com/course/2048-in-react-and-nextjs/?couponCode=50DISCOUNT"
href="https://assets.mateu.sh/r/github-2048-in-react-readme"
target="_blank"
rel="noopener"
>
Udemy course
</a>{" "}
and learn React & Next.js by creating your own 2048 game from scratch.
and learn how to create the 2048 game from scratch.
</p>
</div>
<footer>
Expand Down

0 comments on commit f666854

Please sign in to comment.