/func-vis

this recreated a logic game, using claude + cursor only to build this

Primary LanguageTypeScript

Function Visualization Game

A browser-based programming game where players use drag-and-drop commands to solve puzzles. Built with React, TypeScript, and Tailwind CSS.

Prerequisites

Before you begin, ensure you have the following installed:

  • Bun (latest version)
  • A modern web browser (Chrome, Firefox, Safari, or Edge)

Installation

  1. Clone the repository:
git clone https://github.com/dannyhw/func-vis.git
cd func-vis
  1. Install dependencies:
bun install

Development

To start the development server:

bun dev

This will:

  • Start the Vite development server
  • Open the app at http://localhost:5173
  • Enable hot module reloading for instant updates

To access the app from other devices on your network:

  • Use the network URL shown in the terminal after starting the dev server
  • Or use http://[your-local-ip]:5173

Building for Production

To create a production build:

bun run build

To preview the production build locally:

bun preview

Project Structure

  • src/App.tsx - Main application component
  • src/main.tsx - Application entry point
  • tailwind.config.js - Tailwind CSS configuration
  • index.html - HTML entry point

Technologies Used

  • React 18
  • TypeScript
  • Tailwind CSS
  • Vite (build tool)
  • Bun (JavaScript runtime & package manager)

Development Tools

For the best development experience, we recommend:

Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Make your changes
  4. Submit a pull request

License

[Add your license information here]