make a lil frontend

Author: thomaswright

.gitignore

@@ -0,0 +1,29 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# ReScript
+/lib/
+.bsb.lock
+.merlin

README.md

@@ -1,161 +1,11 @@
 # Algorithm Arena
 
-A weekly programming challenge series by [vjeux](https://github.com/vjeux).
+This is a simple frontend collecting the [Algorithm Arena](https://github.com/Algorithm-Arena) challenges by [vjeux](https://github.com/vjeux).
 
-https://github.com/Algorithm-Arena
+## Dev
 
-## #1 - Stockfish Chess
+Run the Vite dev server:
 
-Implement a program to play chess 1v1 against a bot using the normal chess rules. The twist is that you need to use stockfish to spice up the game in an interesting way.
-
-https://github.com/Algorithm-Arena/weekly-challenge-1-stockfish-chess
-
-## #2 - Double Lines
-
-Implement an algorithm that draws two lines side by side without overlapping. It must handle an arbitrary amount of points where each 3 consecutive points are forming a 90 degrees angle.
-
-https://github.com/Algorithm-Arena/weekly-challenge-2-double-lines
-
-## #3 - Bouncy Form
-
-Implement a form with a bouncy ball that follows you around as you fill it and implements the "Squash & Stretch" technique from Disney's 12 Principles of Animation. The only restriction on the form is that there must be at least 5 fields to fill out.
-
-https://github.com/Algorithm-Arena/weekly-challenge-3-bouncy-form
-
-## #4 - Encrypted Thread
-
-Implement a Twitter/X/Threads experience where you can see a thread and reply to it. The entire data of the thread must live in the URL and be end to end encrypted. You can take inspiration from [this blog post that explains how it works on Excalidraw](https://blog.excalidraw.com/end-to-end-encryption/). The hashtag part of the URL must be below 2000 characters.
-
-https://github.com/Algorithm-Arena/weekly-challenge-4-encrypted-thread
-
-## #5 - Copy Pasta
-
-Implement a program that you can paste content in a certain format, and it will let you copy this content in a different format (eg: text/plain, text/html, image/png). You need to support at least 3 formats and they must form a loop such that you can keep copy pasting in an infinite loop.
-
-https://github.com/Algorithm-Arena/weekly-challenge-5-copy-pasta
-
-## #6 - Pretty Shape
-
-Implement a program that takes in some code and a shape and pretty prints the code to look like the shape.
-
-https://github.com/Algorithm-Arena/weekly-challenge-6-pretty-shape
-
-## #7 - Scores Timeline
-
-Implement a program that animates a list of scores over time.
-
-https://github.com/Algorithm-Arena/weekly-challenge-7-scores-timeline
-
-## #8 - Ultimate Tic-Tac-Toe
-
-Implement a program that plays the game of [ultimate tic tac toe](https://en.wikipedia.org/wiki/Ultimate_tic-tac-toe), a variant of tic tac toe where you play 9 smaller games to beat a larger meta game.
-
-https://github.com/Algorithm-Arena/weekly-challenge-8-ultimate-tic-tac-toe
-
-## #9 - Dragon Ball
-
-Implement a program that takes a position on Earth and find 6 other points on land that are the farthest away from each others.
-
-https://github.com/Algorithm-Arena/weekly-challenge-9-dragon-ball
-
-## #10 - Password Generator
-
-Implement a program that takes a set of at least 5 password rules and generate a password that satisfies those rules.
-
-https://github.com/Algorithm-Arena/weekly-challenge-10-password-generator
-
-## #11 - Mini Code Golf
-
-Implement a program that lets you play mini golf where the source code is using the smallest amount of characters.
-
-https://github.com/Algorithm-Arena/weekly-challenge-11-mini-code-golf
-
-## #12 - Fools Cursor
-
-Implement a program that rotates your cursor towards the interactive elements on the screen.
-
-https://github.com/Algorithm-Arena/weekly-challenge-12-fools-cursor
-
-## #13 - Three Body Eclipse
-
-Implement a program that given the position of three celestial bodies, will predict the time of the next eclipse, when they are aligned in a straight line.
-
-https://github.com/Algorithm-Arena/weekly-challenge-13-three-body-eclipse
-
-## #14 - Lightbulb Coin
-
-Implement a blockchain using md5 as the hash function that stores a ledger for 💡 coins.
-
-https://github.com/Algorithm-Arena/weekly-challenge-14-lightbulb-coin
-
-## #15 - Cactus Generator
-
-Implement a way to randomly generate images of cactus.
-
-https://github.com/Algorithm-Arena/weekly-challenge-15-cactus-generator
-
-## #16 - Branded Qrcode
-
-Implement a QRCode generator where the image fits the style of your favorite brand.
-
-https://github.com/Algorithm-Arena/weekly-challenge-16-branded-qrcode
-
-## #17 - Karaoke Box
-
-Implement a karaoke visualization of a song where you display an indication of when the next set of lyrics is going to happen.
-
-https://github.com/Algorithm-Arena/weekly-challenge-17-karaoke-box
-
-## #18 - Vc Simulator
-
-Implement a simulation of many different startups (valuation, raising money, getting acquired, dying) and being able to play a Venture Capitalist that invests in some of them and tracking the returns of their fund.
-
-https://github.com/Algorithm-Arena/weekly-challenge-18-vc-simulator
-
-## #19 - Falling Breakout
-
-Implement the [classical Atari game Breakout](<https://en.wikipedia.org/wiki/Breakout_(video_game)>) with a twist: the bricks must be going down in a way that makes the game fun to play.
-
-https://github.com/Algorithm-Arena/weekly-challenge-19-falling-breakout
-
-## #20 - Extravagant Button
-
-Implement a UI button that the opposite of "flat"; feel free to use gradients, 3D, animations, fireworks, etc.
-
-https://github.com/Algorithm-Arena/weekly-challenge-20-extravagant-button
-
-## #21 - Unconventional Clock
-
-Implement a program that tells time, in an unconventional way.
-
-https://github.com/Algorithm-Arena/weekly-challenge-21-unconventional-clock
-
-## #22 - Concert Effects
-
-Implement a program that generates a visual effect that could be used in a concert.
-
-https://github.com/Algorithm-Arena/weekly-challenge-22-concert-effects
-
-## #23 - Unconventional Randomness
-
-Implement a program that generates random numbers using unconventional inputs.
-
-https://github.com/Algorithm-Arena/weekly-challenge-23-unconventional-randomness
-
-## #24 - Stairs Animations
-
-Implement a program that makes a character go up stairs as the user is pressing right.
-
-https://github.com/Algorithm-Arena/weekly-challenge-24-stairs-animations
-
-## #25 - Grid Group
-
-Implement a program that generates a grid view of various groups of elements
-
-https://github.com/Algorithm-Arena/weekly-challenge-25-grid-group
-
-## #26 - Loser Tournament
-
-Implement a program that simulates a tournament where the worst players have a chance of winning.
-
-https://github.com/Algorithm-Arena/weekly-challenge-26-loser-tournament
+```sh
+npm run dev
+```

index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Algorithm Arena</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>