Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Mayank0255 opened this issue Feb 14, 2021 · 30 comments
Open
Labels
enhancement Improvement in an existing feature or expanding a feature feature New feature good first issue hacktoberfest no-issue-activity up-for-grabs

Comments

@Mayank0255
Copy link
Owner

Mayank0255 commented Feb 14, 2021

Can watch this YouTube playlist for reference - The Net Ninja

Set up the Skeletons for Home Screen and All Questions Screen

@Mayank0255 Mayank0255 added enhancement Improvement in an existing feature or expanding a feature feature New feature good first issue up-for-grabs labels Feb 14, 2021
@Mayank0255 Mayank0255 changed the title [FEATURE]: Setup React Skeleton Screens [Frontend]: Setup React Skeleton Screens Mar 17, 2021
@divyanshu887
Copy link

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

@Mayank0255
Copy link
Owner Author

@divyanshu887

Sure, go ahead

@Mayank0255
Copy link
Owner Author

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

@divyanshu887
Copy link

@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
Copy link
Owner Author

@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 Mayank0255 moved this from To do to In progress in Stackoverflow-Clone Mar 22, 2021
@divyanshu887
Copy link

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

@Mayank0255
Copy link
Owner Author

@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
Copy link

@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
Copy link
Owner Author

Mayank0255 commented Mar 25, 2021

@divyanshu887

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

@divyanshu887
Copy link

@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
Copy link
Owner Author

@divyanshu887 Are you following the guidelines mentioned properly?

@Mayank0255
Copy link
Owner Author

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

@divyanshu887
Copy link

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

@Mayank0255
Copy link
Owner Author

What error are you getting while running?

@divyanshu887
Copy link

divyanshu887 commented Mar 25, 2021

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
Copy link
Owner Author

Mayank0255 commented Mar 25, 2021

@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
Copy link

@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
Copy link

@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
Copy link
Owner Author

Mayank0255 commented Mar 25, 2021

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
Copy link

@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
Copy link
Owner Author

@divyanshu887 Sure man, will be waiting for your contribution

@Mayank0255 Mayank0255 moved this from In progress to To do in Stackoverflow-Clone Mar 28, 2021
Repository owner deleted a comment from alceil Oct 2, 2021
@Rezanop
Copy link

Rezanop commented Oct 3, 2021

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

@Mayank0255
Copy link
Owner Author

@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
Copy link

Rezanop commented Oct 3, 2021

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
Copy link
Owner Author

@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
Copy link
Owner Author

@Rezanop Any updates on this?

@gyanendrasng
Copy link

is issue still there?

@Mayank0255
Copy link
Owner Author

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

@github-actions
Copy link

github-actions bot commented Mar 1, 2022

Stale issue message

@Mayank0255 Mayank0255 changed the title [Frontend]: Setup React Skeleton Screens [Frontend]: Setup React Skeleton Screens For Home & Questions Page Jul 1, 2022
@Mayank0255 Mayank0255 changed the title [Frontend]: Setup React Skeleton Screens For Home & Questions Page [Frontend]: Setup React Skeleton Screens For Home & Questions Pages Jul 1, 2022
@Mayank0255 Mayank0255 added this to the Devcomm Release milestone Sep 18, 2022
@hamzaiqbal2000
Copy link

is this issue still there?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Improvement in an existing feature or expanding a feature feature New feature good first issue hacktoberfest no-issue-activity up-for-grabs
Projects
Development

No branches or pull requests

5 participants