The button should look like:

Currently the form has no connection with the website, the user will manually have to go /user-form to be able to view and fill the form.

The flow should be like:

1. Users click on login, they complete the login procedure from GitHub, get redirected back to our website.
2. They now has the cookie set in their browser for realdevsquad.com. They are logged in, but have not filled in all the required fields, i.e. they have incomplete profile.
3. We are already doing a call to /users/self API to get the users' first name for Hello, <first_name> (please refer /index.html), but if the isIncompleteUser is true, their first name wouldn't be shown, now they should be redirected to this form.
4. Since we are already calling the self API, we can access to the users' id field. We can pass that to the PATCH /users/:id API and get the details saved to the database.

Add a good margin for both, Desktop and Mobile, for the sign in button

https://github.com/Real-Dev-Squad/website/blob/27916a54feca6d048cc370d7005975cd084ba31c/css/main.css#L8-L17

Hi group, just want to know what purpose does this piece of code solves. I tried to look at the live website to understand but didn't get much.

Until we have the S3 bucket working, we will use https://raw.githubusercontent.com/Real-Dev-Squad/website-static/main/members/<username>/img.png

Repo here: https://github.com/Real-Dev-Squad/website-static/

Remove references to "EmberJS Site" from navbars(there can be multiple pages having it)

Add all the details for the speaker sessions from the group

If the current user is already logged in, we want to show "Hello, ", instead of the the login button

We can use the user details API to figure out the user's name. Please ask the backend team to update the API contracts

Currently the member images for the member animation effect are loading slowly as they're quite big in size, so implement a shimmer UI effect which will be shown while the images are being loaded. Something similar to this.

Beginners face issues in forking the code and raising PRs. Adding a contribute.md file would help fix this problem. It should contain how to fork and clone repositories, raise PRs and the steps to be followed while making the PRs. Something similar to this.

Bug: The member animation in the page suddenly jumps back to the starting state when a particular part of the screen is scrolled and doesn't feel very smooth. Look at the attached video for more clarification.

Upon clicking the user name and the profile pic, we should be redirected to my.realdevsquad.com

We need pre-commit hook (which runs before the git commit command) to check for formatting problems in the files. This is to be done to ensure we are following consistent formatting throughout the codebase.

We'll be using this package: https://www.npmjs.com/package/pre-commit
Fairly simple to implement. You can read up the documentation for details related to installation and using it.

Script to be added in pre-commit hook: check

If you want to work on this issue, please comment down. It can be then assigned to you 🙂

Create a page having the following text:

https://github.com/Real-Dev-Squad/How-To-Guide/tree/master/Code-of-Conduct

Implementing Dark Mode for www-site
Working Member - Rohan

More info: Real-Dev-Squad/website-welcome#132

We need to select a framework going forward, and I have two strong contenders in mind for it

We have a working API for login on staging.

Get a basic login flow working

When a new user comes to our website, and logins via Github, we redirect them to /goto which then decides where the user was before the login process began, and should take them back there. Currently, /goto always drops the user back to the www site

Upon login via Github for a new user, we create a temporary id for them, we want to change this into an RDS username with certain rules

• Starts with users's first name
• No special characters, except hyphens
• No funky unprofessional words in the username
• Avoid numbers

We want to create a page with a form where a new user can select a username, and fill out or correct their first name, last name, YoE, Company, etc (We can pull in the initial name from Github during login)

We need to create this page to allow new users to sign up to our platform

We need the whole codebase to have consistent formatting of the code, otherwise every developer will have their formatter messing up with the formatting of the code

This documentation would help: https://prettier.io/docs/en/install.html

Also, we're having it set up on welcome-site. You can refer: Real-Dev-Squad/website-welcome#120

Creating standard look of CTA button to be used throughout website

We want to showcase some of the newer updates happening across RDS on the main page

Problem Description:
Currently there are 5 image tags hard-coded in the index.html page (see line no. 170 in this). We need to add these 5 images dynamically into the DOM instead of hard-coding them.

Right now, the CONTRIBUTE.md file looks like this:

Change every instance of website-my to website-www

Currently, the Preview of the Landing Page is not very good. We need to add meta tags to make it better previewed when we share the links of RealDevSquad.

• Add meta tags for Twitter
• Add meta tags for Facebook
• Add meta tags for Discord
• Add meta tags for Linkedin
• Add meta tags for Google

Use this image for the meta tags

Use this description for description meta tags
Community of developers who collaborate to build Real software.

Resources :
(Use these sites to generate meta tags)
https://metatags.io/
https://www.opengraph.xyz/

We need to start collecting emails for people interested in subscribing to our future events or updates or newsletter.

Please create a simple JS file, which when included in any page, creates a UI widget for collecting emails. Also need to integrate that with a backend for collecting and processing these emails

Add it to the landing page just below the Past Events Section.

Sample Design :

Tasks :

• #247
• Real-Dev-Squad/website-backend#583

Our landing page should have enough information about who we are, so that we can:

• Convince new people who may not be sure what they gain from joining us
• How to reach out to us to join
• Prospective employers get a sense of why our squad is so kickass

Follow good accessibility practices:

• https://www.w3.org/TR/wai-aria-practices/examples/landmarks/HTML5.html
• https://www.w3.org/TR/wai-aria-practices/examples/landmarks/main.html

Design: Figma Link

July 11th conference for the speakers

Should be same as https://github.com/Real-Dev-Squad/website-welcome/blob/develop/.prettierrc.json

Requirements:

• Fetch 5 random images from the data base and display them.
• Animate those 5 images to start from the RDS logo and then spread out throughout the website randomly as the user scrolls down and then go back to their original positions once the user scrolls up.

We want our user-form to show a link to our website-static repo to complete image upload process

These links can be styled to suit the ambience of the home page

Having only social media icons is a more subtle approach rather than adding a text with them.
Also, add some zoom animation on hover.

Refer to CodePen Link for more context
https://codepen.io/_rohan09_/pen/mdBqMNq

Show img of the user here:

Relates to #72

User Profile page with github login.
Display 5 PR and latest commit or PR to show user activity

Whatever you type on the left hand side box shows up on the right side.
This task already has two PRs associated with it. Check here and here.

Figma Link

Remove the outdated information from the website.
Add new events.

Navbars on different sites(sub-domains of RDS) are different as of now.

We need to make it look similar and familiar to the user. So we are going to redesign it.

Design of New Navbar:

https://www.figma.com/file/bpFHG9hXM13GSLmTkoNsrF/Navbar?node-id=0%3A1

Few Details

• font : Roboto
• weight: 700
• active color : #49A82E
• hover color : #49A82E
• size : 16 px (try making it in rem)
• active underline height : 3px (color : #49A82E)
• RDS Logo Size - 50x50

Pay Attention

=> Underline should be under the text as shown in the image and not inside the container in which the text persists.
=> Underline should be only under the active tab, it should not be visible on hover.
=> For this site Events/Img tag(rds logo) both should be configured properly!
=> The full navbar should be changed to the toggle menu when the screen width is less than 970px.

There might be slight changes for different domains and you are free to ask in the comments for that

Currently the images showing up on the landing page are not very interactive, the idea is to make them clickable to lead the visitor to the member profile of that respective member.

Currently welcome page navbar looks like this

and once the user hovers to the event page, we see a different navbar, to maintain the consistency this issue is created.

The link to source code events page is below
Events.html Page

We are wasting a lot of horizontal space -