Lemme preface something: I kinda got confused since you separated the Next and API to their respective folders, I had to run yarn --cwd ./frontend to install and get it up and running, it was a hassle to type it in

Now, I would make a root package.json for installing these using the concurrently package, but I'm not sure if you would be okay with that, but if you're fine with it, I'll be sure to add it before you merge it

I also, I saw a yarn-error file in the api folder you goof lol -- don't worry, I fixed it by some minor tweaks in .gitignore on root just to make things manageable :3

Changes made

• Assigned a designer role in the README as I'll try to suggest new changes in terms of UI and UX of things .w.
• Added somewhat a detailed explanation about the website design
• Some minor changes such as the '💖' as Jaker proposed :3
• Made the search box line thing pop in the middle instead of being in the left
• Changed some CSS classes into pascalCase
• Changed the logo to plain white to indicate at a user isn't logged in
• Added a link to the MyFursona logo

Another round of suggestions

• If it wasn't obvious enough, since a registered user will have its own custom defined color schemes based on their sonas, you'll definitely need to define some CSS (or SCSS) variables so it'll be easier than to just copy-paste it all over the site, y'know

• I see a lot of !important when changing font sizes placed on media queries, but if you'd allow me (or probably you), to make it more efficient using clamp() or with min() and max()

• Separate the header and footer into their own components, I'm scared to do them so, yeah

• Maybe try adding something in the <footer> like some copyrights or some kinda legal speak

Description

• Fix TypeScript errors due to incorrect types, missing types, etc.
• Fix TypeScript error in the typegoose classes due to strictPropertyInitialization defaulting to true - https://www.typescriptlang.org/tsconfig/#strictPropertyInitialization
• Add npm script to check for TypeScript errors
• Add GitHub action to check for ESLint and TypeScript errors when a commit is pushed

Just a tip

Find a way to enable the option to suppress missing mongo warning on console for those don't have the access to the MongoDB cluster unset as an env variable

Some stuff I did

• refactored all exported components to export default function
• added a subtle layout for my design system
• fixed next config to compile PWA
• Updated packages to 12.1.x to 12.3.x since this project hasn't been updated for a long ass time

Description

• Cleanup React keys where the data that was being mapped over provided a unique value to use as the key
• You want to avoid using the index of the array for performance reasons because when something is added or removed to a list the index changes, causing React to think everything in the list needs to be rerendered. With large lists this can cause a performance issue
• https://reactjs.org/docs/lists-and-keys.html

• added login and user page
• moved some styles and animations globally
• added skeleton shit in the sona page idk
• stan vulpo for smooth skin and more cuddles

Changes

• Renamed file from GalleryCarosuesl to GalleryCarousel
  • Had to temporarily explicit the any[] type so the build won't shit itself, you can remove this when the issue is fixed
• Added logo from the README
• Added Open Graph and Twitter meta tags for better SEO
• Removed .yarn-error.log since you made an oopsie

With this pull request, it's aimed to at least refer to the nice redesign Jaker, made

• Added Search Icon (Work In progress: Trying to figure it out)
• Changed Bg Color, Search Bar Color
• Changed How the gallery Items look
• Reverted the API to use Next.js API, Why to use something else when something you're using has it + fastify was a pain in the ass
• Added a couple of API Endpoints for testing
• Split Gallery Items into Components
• Split the Header/Navbar into Components
• Added Models for Artworks, User, and Fursonas

Made styles that put the content into a container into a component which can be used on the TSX files by using <Container></Container>

Added Glowy effect to the button Made the Gallery Component with Dummy Data Tweaked with the styles Added Prettier

I removed the boilerplate stuff and did some stuff on the Home page based on your design on Figma, nearly a one-to-one copy, but I tried my best at least!

Here's what I came up with:

Oh, and I fixed some README typos too.

Some suggestions

• When users click on the search bar, a suggestions element with the "Popular", "New", "By Category", "By Species" items below it for faster search, which is something like this:

• I should mention that "hot" can definitely mean something else, so I used "popular" instead lol

• You can lazy-load components for better user experience for people with slow ass connections

I literally just woke up, didn't have my breakfast yet, and immediately worked on this, you're welcome btw!