Git Product home page Git Product logo

dyenco-web-frontend's Introduction

dyenco-web-frontend

Welcome to the DYENCO Training Buddy project's GUI repository! This project aims to provide a user-friendly interface for controlling and monitoring the Training Buddy robot. You can visit the live deployment of this project at https://dyenco.berkinanik.com.

DYENCO Training Buddy is a table tennis ball launcher robot designed and developed by the DYENCO team members in Middle East Technical University, Electrical-Electronics Engineering Department for the Capstone Project in 2022-2023. The robot is designed to be used in tennis training sessions to help players improve their skills. The robot can be controlled using a web application, which allows users to set various parameters, including the speed, spin, and direction of the ball. The robot can also be controlled using voice commands. Project details can be found in this page.

Features

GUI Interface:

The project utilizes React with Chakra UI components to create a visually appealing and intuitive user interface.

Voice Control:

With the help of the react-speech-recognition library, users can control the DYENCO Training Buddy using voice commands.

Device Status Info:

The application provides data on various parameters of the device, including voltage levels on stepper motor, servo motors, and DC motors via polling the backend running on the raspberry.

Target Selection:

Users can interact with the virtual table tennis table and select target areas where the ball will be aimed.

Dependencies

The project developed using Node v18, TypeScript and yarn. Project's major dependencies are listed below:

  • Vite
  • React 18
  • Chakra UI
  • React Query
  • Axios
  • React Router
  • React Hook Form
  • Zod
  • React Speech Recognition

Installation

main branch contains the latest version of the project which were designed to be work with the deployed backend application on the raspberry pi. If you want to run the project locally, you should use the preview branch which is updated by mocking the axios client for the backend requests. The application on gh-pages is also deployed from the preview branch.

Clone the repository:

git clone -b preview https://github.com/berkinanik/dyenco-web-frontend.git

Navigate to the project directory:

cd dyenco-web-frontend

Install the dependencies:

yarn install --frozen-lockfile

Run the project:

yarn dev --port 3000

The project will be running on http://localhost:3000.

License This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details

Contact If you have any questions or suggestions regarding this project, feel free to contact me at [email protected].

dyenco-web-frontend's People

Contributors

berkinanik avatar dependabot[bot] avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.