Stackoverflow-Clone-Frontend icon indicating copy to clipboard operation
Stackoverflow-Clone-Frontend copied to clipboard

[Frontend]: Setup React Skeleton Screens For Home & Questions Pages

Open Mayank0255 opened this issue 4 years ago • 30 comments

Can watch this YouTube playlist for reference - The Net Ninja

Set up the Skeletons for Home Screen and All Questions Screen

Mayank0255 avatar Feb 14 '21 09:02 Mayank0255

Hello sir @Mayank0255 i would like to work on this.

divyanshu887 avatar Mar 19 '21 11:03 divyanshu887

@divyanshu887

Sure, go ahead

Mayank0255 avatar Mar 19 '21 11:03 Mayank0255

@divyanshu887 May I ask for the progress? You can ask me if you are stuck anywhere

Mayank0255 avatar Mar 22 '21 04:03 Mayank0255

@divyanshu887 May I ask for the progress? You can ask me if you are stuck anywhere

i am having mid sem exams till tomorrow so currently not much progess on this issue but i will try my best to send the pr by the end of this week. I am beginner in frontend development so any guidance from you will be helpful . Sorry for the delay @Mayank0255

divyanshu887 avatar Mar 22 '21 12:03 divyanshu887

@divyanshu887 No worries, concentrate on your exam and all the best :)

For the beginner thing, I have attached a great learning source and it is what I want in my project too, so, take a look at it and of course I am here to guide as well

Mayank0255 avatar Mar 22 '21 12:03 Mayank0255

@Mayank0255 i am unable to set up the project can you guide me. i dont understand what is the use of .env file

divyanshu887 avatar Mar 25 '21 05:03 divyanshu887

@divyanshu887

So, you have to setup .env file as it will be consisting of your mysql database credentials which will stay in your local machine and won't be going public to everyone. If that isn't there then you won't be able to connect with the database.

Mayank0255 avatar Mar 25 '21 05:03 Mayank0255

@Mayank0255 to solve the issue , i have make a skeleton folder in src in which i will have to make skeleton of all the components mentioned above and import them to their jsx files . is this process correct or not ?

divyanshu887 avatar Mar 25 '21 09:03 divyanshu887

@divyanshu887

For now make the skeletons directory in the components directory and then proceed as you mentioned

Mayank0255 avatar Mar 25 '21 09:03 Mayank0255

@Mayank0255 after creating env file , i am unable to find way to setup it locally. can you tell what to do next ?

@Mayank0255 i am unable to set up the project can you guide me. i dont understand what is the use of .env file

divyanshu887 avatar Mar 25 '21 13:03 divyanshu887

@divyanshu887 Are you following the guidelines mentioned properly?

Mayank0255 avatar Mar 25 '21 13:03 Mayank0255

Have filled your .env file exactly like .env.example? and have added the required credentials too?

Mayank0255 avatar Mar 25 '21 13:03 Mayank0255

yes i have installed mysql and created a new database and filled it as described in env.example

divyanshu887 avatar Mar 25 '21 13:03 divyanshu887

What error are you getting while running?

Mayank0255 avatar Mar 25 '21 13:03 Mayank0255

i am getting this on running the command written in readme in the directory where i have saved env file

error code ENOENT error syscall open error path /home/imposter/react/package.json error errno -2 error enoent ENOENT: no such file or directory, open '/home/imposter/react/package.json' error enoent This is related to npm not being able to find a file. screenshot of error

divyanshu887 avatar Mar 25 '21 14:03 divyanshu887

@divyanshu887

So, this is not an .env error as right now you are just install deps.

I am assuming that you have node, npm and mysql installed in your pc properly and functioning properly too

  1. Is the terminal set to the path of the directory? I not then do so and run again

  2. If npm run installDep is not working then first run npm install and then cd client and then run npm install

Mayank0255 avatar Mar 25 '21 14:03 Mayank0255

@divyanshu887

So, this is not an .env error as right now you are just install deps.

I am assuming that you have node, npm and mysql installed in your pc properly and functioning properly too

  1. Is the terminal set to the path of the directory? I not then do so and run again
  2. If npm run installDep is not working then first run npm install and then cd client and then run npm install

it worked

divyanshu887 avatar Mar 25 '21 15:03 divyanshu887

@Mayank0255 getting this when trying to run 'npm run server'. please tell what i am doing wrong here Screenshot from 2021-03-25 22-05-24

divyanshu887 avatar Mar 25 '21 16:03 divyanshu887

You are doing setting up your .env wrong, so, send me ss of that.

P.S. - Is it your first time working on node and react?

Mayank0255 avatar Mar 25 '21 16:03 Mayank0255

@Mayank0255 yes it is my first time working with react and node js. i have never used mysql so i am unable to set up the connection. i tried to solve the error but failed. i think first i should learn mysql and gain some experience in nodejs and react then i will be able to solve these issues .as i have not been able to solve the issue ,you can unassign me this issue for now, after learning the techstacks i will try to contribute in this project sorry for wasting your time

Screenshot from 2021-03-26 00-12-48

divyanshu887 avatar Mar 25 '21 19:03 divyanshu887

@divyanshu887 Sure man, will be waiting for your contribution

Mayank0255 avatar Mar 25 '21 20:03 Mayank0255

Hello, If @divyanshu887 isn't working in this issue anymore, i'd love to work on it!

Rezanop avatar Oct 03 '21 08:10 Rezanop

@Rezanop yes @divyanshu887 is not working on this issue anymore, should I assign it to you?

If yes then in how many days can I expect a PR?

Mayank0255 avatar Oct 03 '21 08:10 Mayank0255

I'll need to get familiar with skeleton api. So I'm hoping to finish in a week or less if it's fine with you

Rezanop avatar Oct 03 '21 08:10 Rezanop

@Rezanop Yes that's fine with me, I just want contributors that will actually work on the project as some of them just take up issues and then forget about it.

I am assigning it to you then 🎉

Let me know if you get stuck anywhere here on my discord Shadowsaver#9665.

Mayank0255 avatar Oct 03 '21 08:10 Mayank0255

@Rezanop Any updates on this?

Mayank0255 avatar Oct 23 '21 14:10 Mayank0255

is issue still there?

gyanendrasng avatar Nov 22 '21 15:11 gyanendrasng

@gyanendrasng yes, it is, would you be willing to work on this?

Mayank0255 avatar Nov 22 '21 17:11 Mayank0255

Stale issue message

github-actions[bot] avatar Mar 01 '22 23:03 github-actions[bot]

is this issue still there?

hamzaiqbal2000 avatar Mar 01 '23 17:03 hamzaiqbal2000