/socket-numpy

I gave a more modern look to the web application that calculates the determinant of the matrix up to 4x4 matrix using Bootstrap.

Primary LanguageHTML

Socket Numpy - EN

A web application that calculates the determinant of the matrices coming from the HTML file using Websocket with Numpy via Python and sends it to the HTML page and generates random numbers in the specified range.

Run on Your Computer

**Note1:You must have Python installed on your computer.

1. Clone the project

  git clone https://github.com/sonatipek/socket-numpy.git

2. Go to the project directory

  cd socket-numpy

3. Install Python virtual environment

  python -m venv env

4. Activate Python virtual environment and install the requirements while it is active

  env\Scripts\activate
  pip install -r requirements.txt

5. Start the FastAPI server by running socket_handlers.py with Python

  python socket_handlers.py

6. Open the index.html page with your browser. That's all!

Contribution - What Have I Changed?

I made the application look more modern on the front side.

  • Both pages have been given a more modern look.
  • Added the ability to switch between dark and light theme.
  • Inputs restricted so that only numbers can be entered
  • Dynamic control has been added to prevent errors that the user may miss if the value is not entered due to the large number of inputs and to improve the user experience

Images

image

image

image

image

Socket Numpy - TR

Websocket kullanarak HTML dosyasından gelen matrislerin determinantını Python üzerinden Numpy ile hesaplayan ve HTML sayfasına gönderen ve belirtilen aralıkta rastgele sayı üreten web uygulaması.

Bilgisayarınızda Çalıştırın

**Not1: Bilgisayarınızda Python kurulu olmalıdır.

1. Projeyi klonlayın

  git clone https://github.com/sonatipek/socket-numpy.git

2. Proje dizinine gidin

  cd socket-numpy

3. Python venv'i yükleyin

  python -m venv env

4. Python venv'i etkinleştirin ve etkin durumdayken gereksinimleri yükleyin

  env\Scripts\activate
  pip install -r requirements.txt

5. Python ile socket_handlers.py dosyasını çalıştırarak FastAPI sunucusunu başlatın

  python socket_handlers.py

6. Tarayıcınızla index.html sayfasını açın. Hepsi bu kadar!

Katkı - Neleri Değiştirdim?

Uygulamanın ön yüzünün daha modern görünmesini sağladım.

  • Her iki sayfaya da daha modern bir görünüm kazandırıldı.
  • Koyu ve açık tema arasında geçiş yapma özelliği eklendi.
  • Inputlar sadece sayı girilebilecek şekilde kısıtlandı.
  • Inputların fazla olması sebebiyle, değer girilmemesi durumunda kullanıcının gözünden kaçabilecek hataları engellemek ve kullanıcı deneyimini iyileştirmek için dinamik kontrol eklendi.

Ekran Görüntüleri

image

image

image

image