Suzy Tafels

A React-based web application designed to help children practice multiplication tables in an interactive and engaging way. This project is an experimental implementation developed using Cursor IDE, exploring modern development workflows and AI-assisted coding.

Demo

The demo is hosted on GitHub Pages and is published automatically using GitHub Actions.

Features

• Interactive multiplication practice
• Clean and user-friendly interface
• Built with modern React and TypeScript
• Responsive design for all devices

Tech Stack

• React 18
• TypeScript
• Vite
• CSS Modules

Prerequisites

Before running this application, make sure you have the following installed:

• Node.js (v18 or higher)
• npm (comes with Node.js)

Installation

1. Clone the repository:

git clone https://github.com/lennehendrickx/suzy-tafels.git
cd suzy-tafels

2. Install dependencies:

npm install

Development

To run the application in development mode:

npm run dev

This will start the development server at http://localhost:5173 (or another available port if 5173 is in use).

Building for Production

To create a production build:

npm run build

The built files will be in the dist directory.

Preview Production Build

To preview the production build locally:

npm run preview

Linting

To run the linter:

npm run lint

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.