How to Code a LeetCode Clone with React and Node.js

[@memoriasIT]

Your likes were suboptimal, so I did like++

[@Dysfunctional704]

You're one of the few people on KZbin that know how to make tutorials! By the way - which sort of deployment would recommend for this project since it requires converting and running files locally?

[@SuboptimalEng]

Thanks! To be honest, I don't know enough about deploying projects, but my default setup is usually Next.js and Vercel.

[@Coder_DhruvArora]

Will it work after deployment?? And what about code mirror? Seen a lot of old tuts using code mirror but now nothing works

[@daaamn6414]

I just knew basic Js and decided to learn MERN stack by building projects from start and after this tutorial I realised that I think I should rather stick towards the tutorial / course approach. Like first learn everything from scratch and then build projects by applying the knowledge :_(

[@Lightpaladinsoldier]

Your intro made me laugh so hard bro - instant sub

[@abhishekv8646]

some one help me, client is not running---error: code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'

[@twenty9str498]

what if you pass in an array as a an argument like this: [[1, 2, 3], [1, 2], 3], will it work?

[@DanielRodrigues-bx6lr]

The import 'codemirror/keymap/sublime'; and import 'codemirror/theme/dracula.css'; are giving me errors. Did you need to download and install any other dependencies for those to work?

[@SuboptimalEng]

You can check the package.json file on GitHub to see the dependencies.

[@DanielRodrigues-bx6lr]

@@SuboptimalEng Thanks. Evidently, I needed to do an 'npm i codemirror --save' separately from the initial @uiw/react-codemirror installation

[@SuboptimalEng]

@@DanielRodrigues-bx6lr Glad to see you got it cleared up!

[@jeremiedsouza6703]

@@SuboptimalEng none of these work for me, I have both @uiw/react-codemirror and codemirror installed using the commands given by `@Daniel Rodrigues` but the subdirectories in those packages aren't there. I guess the only thing different is I'm using react v18 and codemirror v6. I hope I don't have to install each theme or language separately...

[@aditisingh9310]

@@jeremiedsouza6703Same problem with my code as well

[@azariahseblu1673]

Very helpful! What if the code you submit contains an error? Is there any way to extract the error message and send it in the response instead?

[@alejobengo106]

Is there any similar library as python shell but for js?

[@SuboptimalEng]

I’m not familiar with such a library but I’d assume it exists. In the worst case, you can write the text JavaScript to a JS file and run it programmatically on the console.

[@DanEMO592]

I was wondering the same thing!

[@myke6972]

i wonder how html,css,and javascript with output compilers work...

[@dungviet4026]

I used code mirror to deploy coding application like you and some thing went wrong in 2 day ago with code mirro. Is your source code have same problem?

[@SuboptimalEng]

Code mirror recently updated to 6.0 but I was using the older version. Not sure if that’s what you mean

[@dungviet4026]

​@@SuboptimalEng I use uiw/react-codemirror like use the version after 4.0.0 of uiw/react-codemirror now is error can you check it with your code

[@mrmartinwatson1]

@@dungviet4026 Aye! i was trying to use react-codemirror as well and i am getting a error as well. The thing is, it runs on my brother computer but not on mines. Did you ever figure this out?

[@mrmartinwatson1]

I couldn't figure this out. Instead I went with default code mirror 6. Works well but requires you to make it into your own solution

[@kushagra4401]

thanks buddy

[@nlhm]

Great tutorial ! Could you tell me the global steps on how we can get rid of the "__main__" and sys import i.e. it works if we write : ``` def add(a, b): return a + b ``` please ?

[@SuboptimalEng]

Thanks! The simplest solution would be to just add main + import to the string once the user submits the code (before you pass it to the backend). Just gotta make sure the spacing is correct.

[@nlhm]

@@SuboptimalEng Thanks for the answer !

[@kaminisray7809]

Which theme is this?Looks pretty nice :)

[@SuboptimalEng]

It's the github default dark theme

[@swapnil511994]

I discovered gold by accident

[@ob34915]

I know this is for educational purpose but you SHOULD NOT run untrusted client code on your server

[@cristicretu7479]

oh hell yeah

[@shadowop-bgmi2202]

Vs code theme link bro i am from india

[@SuboptimalEng]

That’s GitHub dark color theme