/magic-rulebook

A website displaying the rules of Wizards of the Coast with search functionality. Built with Javascript, React.js, and Next.js.

Primary LanguageJavaScript

Magic the Gathering

A website showing the rules of Wizards of the Coast categorized by chapter with rule search functionality. This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository

Developing

If you want to clone the project to develop it further:

git clone https://github.com/thanatly/magic-rulebook.git
cd magic-rulebook/
npm install

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out Next.js deployment documentation for more details.

Features

This frontend web application includes the rules of Wizards of the Coast.

  • Display a table of contents with hyperlinks to chapters containing game rules.
  • When selected chapter, display the rules inside the chapters.
  • Search box for the rules (case sensitive).

Links

Licensing

The code in this project is licensed under MIT license.