Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rafael-cesario/gameshelf

Here you can save the games you want to play or games that you played, think of it as your game shelf. Save your games, add filters and tags to organize and have a nice place to look for all the games you finished ( or watched ).
https://github.com/rafael-cesario/gameshelf

graphql mongodb nextjs react styled-components vitest

Last synced: 11 days ago
JSON representation

Here you can save the games you want to play or games that you played, think of it as your game shelf. Save your games, add filters and tags to organize and have a nice place to look for all the games you finished ( or watched ).

Awesome Lists containing this project

README

        

## 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](./Frontend/Frontend.txt)

###### Backend

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

### Preview

![Slide 16_9 - 1](https://user-images.githubusercontent.com/88716893/230511358-068edeb6-ee19-4915-b59a-1e752a82ad52.png)
![Slide 16_9 - 3](https://github.com/Rafael-Cesario/GameShelf/assets/88716893/2867250f-0b02-4078-ab91-1f788aa844b2)