⚪ Can you draw a circle? Really, can you?

Let's check it with circles.io

This project is created for nFactorial competition, but it's open source and you can use it in your own ways

Tech-stack I used to create this project

• Next.js & Typescript
• Redux for state managment
• A lot of knowledge about canvas

Formulas and math in this project

• I used trigonometry functions to calculate accuracy
• I used the same trigonomentry to calculate errors, especially with the problem of drawing close to the dot

Bugs or what to fix

• Implement methods & functions to make able to draw on mobile phones (it's adaptive, but you can't draw yet)
• I need to create methods to check if the user is drawing complete circle
• I need to improve method of coloring line in red, because at the moment it's not working 100% correctly
• Need to separate all logic into hook.ts. I already created a file but due to time limit it's not separated yet

You can simply visit the deployment, or use steps below to run this project locally

I hope you'll enjoy this project! if yes, then let me know just by giving a star to this repo :)

About & how to launch

Dependencies

The circles-io app utilizes the following dependencies:

• React: JavaScript library for building user interfaces
• Redux: State management library for React applications

To run this app, follow these steps:

1. Clone the repository: git clone https://github.com/markushha/circles-io.git
2. Install the dependencies: npm install or yarn
3. Start the development server: npm run dev or yarn dev
4. Open the app in your browser at http://localhost:3000

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.