GameShelf

FullStack // Nextjs, React, Styled-components, graphql, apollo-server, vitest, jwt, eslint, mongodb, typegoose, mongoose.

Here you can save your games like a game shelf. Add tags, genres, release date, images and have a nice place to organize your games.

⚙ Features

• Show total of games added, total of games finished, total of games on want to play.
• user can add any tag to his game. eg: playing, finished, wishlist, want to play.
• Show suggestions for tags and genre.
• User can save some filter to go back without need to select everything again.
• User can add the game infos. Name, release, image, tags, genres, rate.
• Filter by tag, genre, rate.
• Search bar.
• User can add a image of the game with a link from google.
• Show saved filters.
• Search bar for filters.
• Draw a random game to play. User can add filters to it..

🗺 RoadMap

Frontend

• Pages: Authentication.
• High order component for private routes.
• Redux Store, slices.
• Styled-components, theme provider, pattern to add new themes.
• Forms: login and createAccount. Validations.
• Tests, MockServiceWorker, vitest, react-testing-library.

Frontend roadmap

Backend

• Services: User, marker, games.
• Password with bcrypt, authentication with jwt.
• Tests, supertest-graphql.

Preview