pvwnthem / tf.2x1.dev

a team fortress 2 community website to show proficiency in making full stack web apps with next.js

tf.2x1.dev's Issues

add the ability to like posts and replies

Fix 'React Hook useEffect has a missing dependency: 'post.author'. Either include it or remove the dependency array.' issue in components\forum\Post.tsx

CodeFactor found an issue: React Hook useEffect has a missing dependency: 'post.author'. Either include it or remove the dependency array.

It's currently on:
components\forum\Post.tsx:19

Give the user xp on completion of tasks like creating a post, liking a post, commenting, getting comments, getting likes, etc, etc.

Improve overall styling throughout the application.

render those notifications in a stylish manner on the users screen.

Fix 3 Duplication, 4 Style issues in multiple files

CodeFactor found multiple issues last seen at 5a7d13a:

Duplicate Code

• components\forms\SignupForm.tsx:110-131
• components\forms\LoginForm.tsx:82-104
• components\forms\SignupForm.tsx:75-91
• components\forms\LoginForm.tsx:58-73
• components\forms\SignupForm.tsx:138-148
• components\forms\LoginForm.tsx:100-110

Using <img> could result in slower LCP and higher bandwidth. Consider using <Image /> from next/image to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element

• components\forum\Post.tsx:58
• components\forum\Post.tsx:30
• components\profile\editing\EditProfilePicture.tsx:44
• components\profile\ProfilePicture.tsx:7

Fix 'React Hook useEffect has a missing dependency: 'props.session.data.user'. Either include it or remove the dependency array.' issue in components\pages\profile.tsx

CodeFactor found an issue: React Hook useEffect has a missing dependency: 'props.session.data.user'. Either include it or remove the dependency array.

It's currently on:
components\pages\profile.tsx:93

Fix '`'` can be escaped with `'`, `‘`, `'`, `’`.' issue in components\forms\LoginForm.tsx

CodeFactor found an issue: ' can be escaped with ', ‘, ', ’.

It's currently on:
components\forms\LoginForm.tsx:131

add a function in users.service to add a reply to the notification array on the user

Address the implementation of invite codes.

add a notification object to the User model "/models/User.ts"

Fix 'React Hook useEffect has a missing dependency: 'params.category'. Either include it or remove the dependency array.' issue in app\forum\topic\[category]\page.tsx

CodeFactor found an issue: React Hook useEffect has a missing dependency: 'params.category'. Either include it or remove the dependency array.

It's currently on:
[app\forum\topic[category]\page.tsx:41](https://www.codefactor.io/repository/github/pvwnthem/tf.2x1.dev/source/master/app/forum/topic/[category]/page.tsx#L41)

Fix 'React Hook useEffect has a missing dependency: 'name'. Either include it or remove the dependency array.' issue in components\forum\CategoryBox.tsx

CodeFactor found an issue: React Hook useEffect has a missing dependency: 'name'. Either include it or remove the dependency array.

It's currently on:
components\forum\CategoryBox.tsx:14

make the notifications clear when the user clicks on them and reads

ideas

Email Verification

• Create a page that accepts a verification token.
• Add code to the verification object to handle the token.
• Replace the API route for email verification with a styled page that prompts the user to enter a verification code.
• Include a "Resend Email" link on the verification page.

UI and Components

• Utilize normal components within the edit components to maintain consistent styling.
• Preload the next page(s) of posts to prevent loading delays when the user navigates to those pages.
• Implement a "New Post" button that either opens a modal or redirects to a nested "/new" route within the corresponding category route, using the "params.category" to pre-fill the category of the post object.
• Create a form for users to create new posts.
• Consider reusing the same form for replies, potentially implementing client-side functionality until a page refresh, similar to profile editing.

Post Styling and Display

• Implement post styling improvements.
• Create a page for individual posts that displays the post data based on the post ID.
• Retrieve user information by ID for the post's author and display their profile picture, name, and level in a format similar to BreachForums.
• #11

notifications

• #12
• #13
• #14
• #15
• #16
• #17

General Styling

• #10

Invite Codes

• #8

other

• #9

push a notification to the users notification array whenever they recieve xp or a comment or a like, etc

dont push a notification whenever the reply or like is from the same id, ie: commented on own post,