lblend / mann-eller-kvinne-frontend

Frontend for mann-eller-kvinne - En nettside som gjetter kjønnet ditt basert på hva du skriver

Morn 👋

Hi there! I go by the name LBlend on the internet. I'm a student from Norway who is currently an undergraduate at the University of Oslo. I'm pursuing a degree in informatics, also known as computer science, and I'm looking to hone my skills and create cool/interesting projects!

Website (WIP) | LinkedIn | Discord

🇳🇴 Norwegian - Native
🇬🇧 English - Fluent
🇰🇷 Korean - A2/B1
🇪🇸 Spanish - A1/A2

Technologies

Familiar with

Technologies I have used extensively

Have dipped my toes into

Technologies that I have used, but not extensively

Scheme

Learning

Technologies that I am in the process of learning or want to do a project in

Potential future endeavors

Technologies that I want to take a look at in the future

APL

Config

Check out my dotfiles repo

mann-eller-kvinne-frontend's Issues

Figure out how to set environment variables on pulled docker images

Create some kind of visual cue that the prediction has been updated

Let's set a scene:
You have typed in some text and the website has predicted that you're female. You change the model, and the prediction updates however it still predicts female. Though, the percentages have changed, it is hard to notice that something actually did change

There should be some kind of visual cue that tells the user that a new prediction has been made. What is the best way to do that? I don't know. But right now I'm thinking changing the colors back to the default "no prediction" colors and then changing it back to the colors corresponding with the prediction

Move about page text away from component file

Move about page text away from component file to another type of file, e.g a markdown file and insert it into the component. This will make the code cleaner and the text easier to edit.

Change link color on gender prediction

Links are nearly invisible/become less visible whenever the API returns a prediction. This is due to the background color changing. The link color should change along with the background color and should be visible at all times.

Create prettier pre-commit hook / github action

Docker image has a typo

remember to update the url in the backend's docker-compose file when this has been resolved

Increase size of text box / reactive textbox size

How

Expand the text field either as a fixed size or reactively by gradually expanding the box as the user inputs text

Why

The (current) dataset is based on book reviews. This means that the classification task becomes a problem of distinguishing male and female writing styles. If the classifier should get any good results, I think the user should be able to write a full book review in the text field without it looking clumsy.

Refactor input context handling

The current solution for sharing state between the input component and the prediction component is pretty janky. It should be refactored/rewritten.

Finish loading wheel functionality

While making an API request the UI should reflect it by showing a loading wheel. The code for this wheel is already in place however it does not reflect state or show in the UI at any time.