wil-gerard / git-connected Goto Github PK

docs/prereqs

https://marketplace.visualstudio.com/items?itemName=lightyen.tailwindcss-intellisense-twin

https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

Daisy UI can be found here: https://daisyui.com/

Link to Conventional Commits:

• https://www.conventionalcommits.org/en/v1.0.0/

• Change frontend and backend urls to production urls

react router redirects user to homepage if they try to access protected pages (just "/profile" for now) or "/*"

User location data cell is not removed on window resize.

Currently, the UserList still displays the follow all button after logout.

A potential solution is creating a localStorage item that updates based on the user's login status.

The code that needs to be updated can be found in the UserList.tsx component

create a router and controller for sending a random user to be viewed on the featured page

• table of contents
• outline tech used with links
• add details on how to contribute with links

remove console logs printing out users client side

Create and implement a loading spinner
Right now our loading status UI is an un-styled p tag with "loading..." 😞

API is already set up to update user data through the /userUpdate route.
UI on the My Profile page already has a modal form to update the user.

All that's left is logic to render the customBio, customLocation, and customName if they exist on the user object.

Abstract the useEffect in UserList and create a useWindowSize hook - to be reused across components for styling responsiveness.

See #124

• Add GitHub API follow call to userFollowAll controller

from localhost to https://www.gitconnected.dev

To be worked on after #71

The current metatag information is limited. We should add meta properties for Twitter.
This website should help https://metatags.io/

• Add a passport strategy to connect a user's LinkedIn account
• LinkedIn information gets added to the user object

Implement Redux or a different complex client-side state manager, like Valtio, to handle context info.

example: https://github.com/aayush301/MERN-auth

• build command "yarn build"
• publish directory "/client/build"
• switch production branch to main (on Heroku)
• take Heroku off maintenance mode

This should wait until #28 is finished

Twitter link under my profile is null

• A Discord button for the UserCard and TableActions components that copies the user's Discord ID to clipboard
• UI that notifies the user the clipboard copy was successful

using Jest -> check if the followAll backend controller works with a test user

• List out env variables with links on where to obtain them
• Screenshot of .envTEMPLATE with instructions?
• Instructions on setting up a MongoDB account/database

Create a new view for the user table when the device size is below 800px

• Removes the table headers
• Moves user location below user name and picture
• A show more + button that then displays bio and tags

A search bar above the user table with categories for name | tags | location

example: https://www.invisiblenetwork.com/job-seekers

The guilds.join OAuth2 scope should not be required to determine whether or not a user is a member of the 100Devs Discord server. While I don't see any malicious use of the scope, the application shouldn't need it to begin with.

Ensure the brand guideline typography and color guide details are adhered to throughout the project.

• Github scope = user:follow

In the prereqs

• Custom info should be the default
• Fallback to GitHub
• A turnery function would work: custom info exists ? display custom info else display github info

replace user info/styling with the user card component

var app = express() app.set('trust proxy', 1) // trust first proxy app.use(session({ secret: 'keyboard cat', resave: false, saveUninitialized: true, cookie: { secure: true } }))

https://www.npmjs.com/package/express-session

New users will not be able to render the UserList page.
alreadyFollowing object is created on the first follow - but is checked on page render.

• Check if a user is already following on Twitter and GitHub
• Display through UI/UX