# Art Crossword Puzzle

> Built a branded weekly React crossword for Art Fervour, with JSON clue sets, responsive play, completion timing, analytics, social sharing, and a finish flow that promoted more games.

- URL: https://mandalsuraj.com/blog/artfervour-crossword
- Author: Suraj Mandal (https://mandalsuraj.com)
- Published: 2024-03-27
- Project date: 2020-10-09
- Tags: artfervour, game, react, webdev
- Art Fervour: https://artfervour.com/
- Instagram: https://www.instagram.com/art.fervour
- LinkedIn: https://www.linkedin.com/company/artfervour/
- Facebook: https://www.facebook.com/share/1Az19umPhL/

![Art Crossword Puzzle cover](https://mandalsuraj.com/images/blog/af-crossword/coverv2.png)

I built a weekly **React crossword** for Art Fervour. Players used clues to name artists, then shared or opened another game.

## Campaign Flow

- Dated JSON files supplied each weekly clue set.
- A React crossword component handled the grid.
- Sass and styled-components applied the brand style.
- Analytics tracked play and completion events.
- The finish page offered restart, sharing, and more games.

The static build worked on phones and desktop browsers. New levels only needed a new clue file.

## Visual Proof

![Art Fervour crossword cover](https://mandalsuraj.com/images/blog/af-crossword/coverv2.png)

### Game Screens

![crossword preview 3](https://mandalsuraj.com/images/blog/af-crossword/3.png)

![crossword preview 2](https://mandalsuraj.com/images/blog/af-crossword/2.png)

![crossword preview 4](https://mandalsuraj.com/images/blog/af-crossword/4.png)

![crossword preview 1](https://mandalsuraj.com/images/blog/af-crossword/1.png)