Create A Login Page (Utilize Animated Logo)

[tarunnsingh]

🆕 We are adding auth-system. We need a Login page and a Register Page.

Make your changes to master branch and only in the client folder.

Also show your creativity and make use of the New Animated Logo for the Website which is in client/src/static/logo

[pawan-git7979]

is it open , can i do it.

[tarunnsingh]

is it open , can i do it.

Yes it is open, please first make sure you have Read the Docs and you are able to run the app locally.

[pawan-git7979]

okk.

[pawan-git7979]

bro, i have clone the repo , but where is the config folder, i not able to find it.

[tarunnsingh]

bro, i have clone the repo , but where is the config folder, i not able to find it.

You must be on the master branch, now you need to go inside the client folder and run npm start. This runs the frontend, and points to the backend api which is already hosted, so you do not need to start the server at your end.

[pawan-git7979]

i am facing this issue.

[tarunnsingh]

cd client
npm install -> installs all dependencies and creates react-scripts.
npm start -> starts you scripts

Did you do this?

[pawan-git7979]

i also run npm install, then also this is showing the error.

[tarunnsingh]

Okay let me see.

[pawan-git7979]

[tarunnsingh]

Your NPM version is outdated perhaps. Please check here.. I tried it locally and works fine. If it dosent help revert here with your node and npm version.

node -version and npm -version

[harshalkaigaonkar]

i can do it

[tarunnsingh]

i can do it

Hey @harshalkaigaonkar I have a new issue for you, if you would like to work on it?

[tarunnsingh]

@pawan-git7979 make changes to master branch only, no need to work on auth-setup.

[harshalkaigaonkar]

i can do it

Hey @harshalkaigaonkar I have a new issue for you, if you would like to work on it?

ya Sure!

[tarunnsingh]

i can do it

Hey @harshalkaigaonkar I have a new issue for you, if you would like to work on it?

ya Sure!

See #50

[pawan-git7979]

again npm start is not working, npm install somehow works, but it showing many warnings.

[tarunnsingh]

@pawan-git7979 Okay let me FIX this, I'll update the README and notify you here. You can then start your work.

[pawan-git7979]

okay thanks brother.
i will work on this , plss don't assign this to anyone, its a request.

[tarunnsingh]

Hey @pawan-git7979 Give it a try now, taking reference from the README.

[tarunnsingh]

Also, fetch the code again.

[pawan-git7979]

bro, again i m facing the issue. getting the error in process.on line

[tarunnsingh]

@imabp Can you give some insights here too?

[imabp]

@pawan-git7979
Lets get with a fresh installation completely.
Before doing that, just check it out, that everything okay and updated for your linux distros, specially node version and npm .
Node version should be latest LTS 12.18.4

skipping the cloning part

If you are working on frontend

$git checkout master
$cd client
$npm i 
$npm start

If you are working on backend

First you need to setup the devkeys and mongodb uri stuff, as mentioned on readme
This runs server at port:3000 , make sure nothing is already running there.

$git checkout v1-deployment
$npm i 
$npm start

[pawan-git7979]

My node version is v3.3.1

[aditi-singh25]

Sure, will embed gif there. Also one more thing, to link that login page I have to use react router. Would it be fine, or you have some other ways to link that login page?

[imabp]

Developers Update:

Clone the two branches in two separate folders
using following command

For Backend

 git clone -b v1-deployment --single-branch https://github.com/<username>/alexa-community-jaipur

For Frontend

 git clone -b master --single-branch https://github.com/<username>/alexa-community-jaipur

This will help you to work independently

[tarunnsingh]

Sure, will embed gif there. Also one more thing, to link that login page I have to use react router. Would it be fine, or you have some other ways to link that login page?

react router is fine.

[tarunnsingh]

Assigning this to @aditi-singh25. @pawan-git7979 if you got it working locally, let me know we have more stuff for you.

[pawan-git7979]

I have try almost everything..but the version of node is not upgrading in Linux...i am using the Linux first time..nd i have installed it just 1 week before.. before that i had been using windows.

[tarunnsingh]

Why don't you comletely uninstall it and install it again

[imabp]

@pawan-git7979 I recommend to get familiar with Linux, if you are using it for first time, because you need to install a bunch of packages to make it ready for development. I say, if your primary development platform is windows, then go for windows if you want to contribute without any breaking changes in the application.

Anyways that's a personal choice, Windows or Linux ?

Here is how you can install latest node version on linux (EASY WAY)

1. Start by updating the package repository with the command:
   sudo apt update

2. Download the following dependencies by typing:
   sudo apt install build-essential checkinstall libssl-dev

3. Install NVM using the curl command:
   curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.35.1/install.sh | bash

4. Close and reopen the terminal.

5. Then, verify if you have successfully installed NVM:
   nvm --version

6. Before upgrading Node.js, check which version you have running on the system:
   nvm ls

7. Now you can check for newly available releases with:
   nvm ls-remote

8. To install the latest version, use the nvm command with the specific Node.js version:
   nvm install [version.number]

Source: phoenixnap

[tarunnsingh]

@aditi-singh25 Any Progress?

[aditi-singh25]

I am so sorry, actually my laptop had some problem and that's why I have to format it all. All the progress is lost. Please assign to someone else. Apologies for the inconvenience.

…

On Mon, 12 Oct 2020, 7:11 pm Tarun Singh, ***@***.***> wrote: @aditi-singh25 <https://github.com/aditi-singh25> Any Progress? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#46 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ARJE4ZPDAEFC3AHC4BCZSO3SKMBO3ANCNFSM4SEJHU2A> .

[sujitIwale]

is it open ?can you assign it to me?

[imabp]

@sujitIwale do you want to work on backend (auth Setup) or frontend (auth UI) ,

If backend, please clone the v1-deployment branch only
If frontend, please clone the master branch.

[sujitIwale]

I want to work on frontend.

[sujitIwale]

assign it to me.

[sujitIwale]

I am using react-router-dom for login page

[tarunnsingh]

@sujitIwale Most of the work is already done, if you want to make some more changes /additions see the auth-setup-backend and auth-setup-frontend branches. And let me know what more additions can you make on this.

[imabp]

@tarunnsingh is back !!
Welcome brother :D 👏👏👏

[sujitIwale]

can I add home button on login and register page which redirects user to home screen?

[tarunnsingh]

Hey @imabp 😄
No no bro! I did this work a few days back, still not getting time for github work.

[tarunnsingh]

can I add home button on login and register page which redirects user to home screen?

@sujitIwale
The Community-Logo is already there on the login pages, just add a link to home on those logos. That would work 👍🏼

[tarunnsingh]

@imabp Needed help on this. The access_token (the cookie) is not getting stored in the browser when logged in, could you please look into it, this is pending from quite a few days now.

[tarunnsingh]

@sujitIwale
Could you design a user-profile page?

[sujitIwale]

@sujitIwale
Could you design a user-profile page?

could you make it an issue?

[imabp]

@tarunnsingh
Yea sure, after few days, I will be active here.

[tarunnsingh]

@sujitIwale
Could you design a user-profile page?

could you make it an issue?

Comment on #76 to be assigned

[tarunnsingh]

@tarunnsingh
Yea sure, after few days, I will be active here.

Sure Thanks!!