AutoGuessr

A car-price guessing game.

License

This project is licensed under the MIT License (with the Commons Clause) - see the LICENSE file for details. Note: This license permits non-commercial use only.

Pages

There are currently 5 pages in the game. In this section, we will go through each one.

Home page /

The main menu - this screen has the difficulty selector, autocards page button, play buton and a 3D car model.

Game page /game

Main gameplay page with image carousel, stats and a guess display.

End page /game/end

Game over screen with options to go home or play again. Opens the card-draw screen depending on score.

Auto-Cards page /auto-cards

View unlocked cards.

Card-Draw page /card-draw

Draw a new autocard. The rarity depends on the score that was achieved in the game.

Tailwind

Tailwind 3 is being used for styling.

Framework

AutoGuessr was built with Svelte 5, powered by sv.

Developing

Once you've created a project and installed dependencies with npm install, start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.