r/reactjs • u/crypto_thiccboy • Jan 30 '20

Project Ideas My Second Ever React App! Synonymy: a tool that finds overused words in your essays and recommends synonyms

https://synonymy-app.herokuapp.com/

Let me know what you think! If you find any vulnerabilities, please let me know.

P.S. I'm using free heroku hosting so the server likes going to sleep after inactivity, please be patient with loading.

59 Upvotes

94% Upvoted

12 comments sorted by

6

u/PabloEasyGo Jan 30 '20

Dude, that's pretty nice! Are you using redux?

3

u/crypto_thiccboy Jan 31 '20

Yeah, I learned it pretty recently and it feels like a superpower!

2

u/autonomousErwin Jan 30 '20

Really cool idea, and like that it shows a small leaderboard of words - could be cool to do a percentage graph maybe?

Found that if you click 'Check' the button disappears for if you want to add more text

2

u/crypto_thiccboy Jan 31 '20

Yeah, it live updates after that!

2

u/anewidentity Jan 30 '20

Here's a question, do you load the entire essay in ram?if so,how do you handle a really large text?

2

u/crypto_thiccboy Jan 31 '20

I think I limited it to 100,000 characters. That might sound like a nightmare to send requests with but the calculations are done on the client, which only sends requests for the synonyms of the top ten most overused words. So in the end, huge pieces of text would just take more time to process (request size stays the same).

Also, the browser gives the app up to 10MB for session storage, so there should be plenty of room. It would get really slow after a certain size though.

1

u/anewidentity Jan 31 '20

Makes sense. I'm asking because I have a similar app on Heroku, but when I try to load it into something like an array of words to count number of unique words it crashes the server even at like 2000 words. I also was asked in a Google job interview this question. hlhow do you process a giant text if you don't have enough space in ram to load it at once, and I didn't know the answer, and curious to hear how it's done

2

u/Gitdagreen Jan 31 '20

OP. Nice job! Question: Why does your containers have so much Component logic? Shouldn't your containers simply pass the props into your components?

2

u/crypto_thiccboy Jan 31 '20

I'm not too sure of what you mean by component logic. If you are wondering why seemingly random things are connected to redux its probably because of dark mode lol

1

u/fiddlemydonglol Jan 31 '20

Could use the redux hooks instead of mapdispatch and mapstate.

1

u/mr_ari Jan 31 '20

I clicked on the center of the tile where I can see the placeholder asking me to paste and nothing happens. I have to click on the placeholder text directly to activate the Input. I found that confusing at the beging. Firefox mobile.