/react-test

this is react test from 1888

Primary LanguageTypeScript

Typing Tutorial Web App

Welcome to the Typing Tutorial Web App project! We appreciate your interest in contributing. Follow the instructions below to get started.

Fork the Repository

  1. Fork this repository to your own GitHub account.
  2. Clone your forked repository to your local machine.
git clone https://github.com/your-username/react-test.git
cd react-test
npm i
npm run dev

Project Overview

This web app is created using Astro.js, React, TypeScript, and Tailwind. It's designed to help users improve their typing skills. There are a few issues that need your attention.

Tasks

1. Track Correct and Wrong Inputs

The current version of the app lacks the ability to track correct and wrong inputs while users are typing. Your task is to implement functionality that accurately records these inputs and displays the results once a user completes the typing test.

2. Finish the Amharic Component

The Amharic component in the app is not functioning correctly, and the keyboard layout does not adhere to the specified rules (Lexilogos Amharic Keyboard). Your goal is to fix the Amharic component, ensuring that it works as intended and follows the prescribed keyboard layout rules.

3. Refactor React Components

The app currently has two separate components, PoemEn and PoemAn. Your task is to refactor these components and create a new, more generic Poem component that accepts the language as a parameter. This refactor should enhance code maintainability and reusability.

Submission

Follow these steps to submit your work:

  1. Commit Changes: Once you have completed the tasks, commit your changes to your local repository. Your commit messages should be descriptive.

  2. Push Changes: Push your changes to your forked repository on GitHub.

  3. Open a Pull Request: Open a pull request from your forked repository to the original repository. Provide a clear title and description of the changes you made.

  4. Review: Be responsive to any feedback or comments on your pull request. Make necessary adjustments as requested.

Thank you for your contribution! If you have any questions or encounter issues, feel free to open an issue in the repository.