Mayank0255 / Stackoverflow-Clone-Frontend

Clone project of a famous Q/A website for developers built using MySQL, Express, React, Node, Sequelize :globe_with_meridians:
https://stackoverflow-clone-client.vercel.app
MIT License
546 stars 209 forks source link

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

Open Mayank0255 opened 3 years ago

Mayank0255 commented 3 years ago

Can watch this YouTube playlist for reference - The Net Ninja

Set up the Skeletons for Home Screen and All Questions Screen

divyanshu887 commented 3 years ago

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

Mayank0255 commented 3 years ago

@divyanshu887

Sure, go ahead

Mayank0255 commented 3 years ago

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

divyanshu887 commented 3 years ago

@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

Mayank0255 commented 3 years ago

@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

divyanshu887 commented 3 years ago

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

Mayank0255 commented 3 years ago

@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.

divyanshu887 commented 3 years ago

@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 ?

Mayank0255 commented 3 years ago

@divyanshu887

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

divyanshu887 commented 3 years ago

@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

Mayank0255 commented 3 years ago

@divyanshu887 Are you following the guidelines mentioned properly?

Mayank0255 commented 3 years ago

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

divyanshu887 commented 3 years ago

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

Mayank0255 commented 3 years ago

What error are you getting while running?

divyanshu887 commented 3 years ago

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

Mayank0255 commented 3 years ago

@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

divyanshu887 commented 3 years ago

@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 commented 3 years ago

@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

Mayank0255 commented 3 years ago

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?

divyanshu887 commented 3 years ago

@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

Mayank0255 commented 3 years ago

@divyanshu887 Sure man, will be waiting for your contribution

Rezanop commented 2 years ago

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

Mayank0255 commented 2 years ago

@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?

Rezanop commented 2 years ago

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

Mayank0255 commented 2 years ago

@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 commented 2 years ago

@Rezanop Any updates on this?

gyanendrasng commented 2 years ago

is issue still there?

Mayank0255 commented 2 years ago

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

github-actions[bot] commented 2 years ago

Stale issue message

hamzaiqbal2000 commented 1 year ago

is this issue still there?