Mayank0255 / Stackoverflow-Clone-Frontend

Clone project of a famous Q/A website for developers built using MySQL, Express, React, Node, Sequelize :globe_with_meridians:

Home Page:https://stackoverflow-clone-client.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Frontend]: Add Spinners To All Actionable Buttons

Mayank0255 opened this issue · comments

Add spinners to all buttons so that when the user clicks a button, it shows a spinner and the user gets to know that some process is going on

Hey Mayank
Could you assign this to me? I'd like to assist on this?

Also can i use this without setting up the backend locally?

@shravankumar-fs
Actually backend would be required, otherwise from where will you be getting all the data and test properly.

Let me know if you are in to take up this issue, will assign it to you then

@shravankumar-fs

Found a workaround to avoid setting up backend,
Can just change the url here to this https://stackoverflow-clone-backend.herokuapp.com

Let me know if you are interested and would want me to assign it to you

Hi @Mayank0255
Please assign it to me, I'll do.

Also currently which buttons need this feature?

I see some places with no action event being triggered

@shravankumar-fs
Ya sure, go ahead.

So, spinners will be required wherever an api call is going, like when the components of a page are loading, when you click on a button, etc.

Just explore the codebase add spinners wherever you think is required

@shravankumar-fs Any progress on this?

Hi.. is anyone working on this issue..
I would like to work on it if no one else is assigned.

@amreekminocha
Ya sure, go ahead.

Any idea how much time will it take you to complete this task?

Thanks for assigning..
I'll go through the project once then i'll tell you the required time

Thanks for assigning.. I'll go through the project once then i'll tell you the required time

Sure, not an issue

Hi I am having this error
Stackoverflow-Clone-Frontend/node_modules/webpack-dev-server/lib/Server.js:348
} catch {

Can you help

@amreekminocha

Can you pls send me the complete error? I can't firgure out anything from this.

And can you please let me know that did you get this error while setting up the repo or what?

Yes.. I am getting this error while setting the frontend repo
Screenshot 2022-09-29 at 2 45 32 PM

Hi do share a point of contact as well

Hi do share a point of contact as well

sure, you can reach out to me on discord https://discords.com/bio/p/mayank0255

Yes.. I am getting this error while setting the frontend repo Screenshot 2022-09-29 at 2 45 32 PM

Can you try installing react-scripts individually and then starting the server?

npm i react-scripts

@amreekminocha and check on which node version are in currently?
It should be above 14, 16 is recommended

This worked.. thanks

Hi Can you share the buttons where the spinner is require

Hi Can you share the buttons where the spinner is require

So, spinners will be required wherever an api call is going, like when the components of a page are loading, when you click on a button, etc.

Just explore the codebase add spinners wherever you think is required

It's ok if you miss some places

@amreekminocha how's the progress on this?