Wallora webapp recreated using React

• Souvik Basu (@souvikbasu)
• Victor Rajkumar (@vctc)
• Priyanka Jayaswal (@priyankajayaswal1)
• Aryaman Todkar (@aryamantodkar)
• Mohammed Hussam Khatib (@hussamkhatib)

• Go to https://github.com/shoonyatech/wallora.com
• Click on Fork button in top right
• This will fork the repo into your profile in GitHub

• Go to the forked repo in your profile
• Click Code button and copy the git url from your repo. You may use SSH if you have SSH keys added to settings or use HTTPS
• If you have not added SSH keys to your GitHub settings, please follow this article
• Open command prompt and run the following to fetch the code into your local box

git clone <your git url>

• Create a reference to the upstream repo to be able to create Pull Requests

git remote add upstream [email protected]:shoonyatech/wallora.com.git

• For the first time install npm packages

cd wallora.com
npm install

• Run the dev server

npm run dev

• Use [email protected] to login to auth0 website using google.
• Copy .env.local.sample to .env.local and populate the fields from the app you see in auth0 post login.
• After this when you run the dev server and try to login you should be able to see the auth0 login flow.

Reference: https://auth0.com/docs/quickstart/webapp/nextjs

• Use [email protected] to login to google analytics website using google.
• Download two extensions Google Analytics Debugger and Tag Assistant companion
• Populate .env.local NEXT_PUBLIC_GOOGLE_ANALYTICS variable with Measurement Id poperty which can be found on GA portal here (accessible post login to GA).
• After this run the dev server and enable the Google Analytics Debugger extension, then you should be able to see your activity flowing to GA homepage.

References:

• https://mariestarck.com/add-google-analytics-to-your-next-js-application-in-5-easy-steps/

• Save your changes and create a local commit
• Use the following format for commit messages

doc|feat|fix|build(<page name>): <one liner of what is done in present tense>

e.g.

feat(home): add Header component

• Pull latest from upstream and rebase

git pull upstream main --rebase

• Resolve any merge conflicts
• Force push changes to your repo

git push origin main -f

• Go to your GitHub repo page and click on Create Pull Request button. This will create a PR from your repo to upstream repo
• One of the project moderators will review and approve your PR. They will ask for any changes if needed