Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dbish6/quest_casino_full-stack_app
This app is a fun "casino" app which would have different kinds of casino games.
https://github.com/dbish6/quest_casino_full-stack_app
casino casino-games css cssmodules express game mongodb mongoose monorepo nodejs npm react reactjs redux server-side-rendering storybook turborepo typescript vite
Last synced: about 1 month ago
JSON representation
This app is a fun "casino" app which would have different kinds of casino games.
- Host: GitHub
- URL: https://github.com/dbish6/quest_casino_full-stack_app
- Owner: dBish6
- License: cc-by-4.0
- Created: 2023-02-04T22:56:30.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-27T06:32:37.000Z (about 2 months ago)
- Last Synced: 2024-10-01T03:06:53.207Z (about 2 months ago)
- Topics: casino, casino-games, css, cssmodules, express, game, mongodb, mongoose, monorepo, nodejs, npm, react, reactjs, redux, server-side-rendering, storybook, turborepo, typescript, vite
- Language: TypeScript
- Homepage: https://www.questcasino.xyz
- Size: 48 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 🚀🚀 Active Development
The development of the complete overhaul of Quest Casino is now underway and we're now in the very early stages. The previous version (v1.2.8) will remain available online for the time being, you can access the previous version through the releases section or the quest_casino_v1.2.8 branch. Quest Casino version 2 is a highly ambitious upgrade that promises to surpass its predecessor in every way. Stay Tuned! 🎰
# Quest_Casino_Full-Stack_App
This is a fun casino app that has different kinds of casino games. From the sound of the name, in addition, it has some quests/challenges to complete for some extra moolah!
## New Tech Stack
Quest Casino has transitioned to a `monoRepo`, which is very scalable. This setup allows for potential expansions into mobile development and additional web apps. Also, this allows for the API to communicate with the front-end via proxy which can provide better performance. This monoRepo uses `npm` and `turboRepo` as the build system.
### web
The `web` directory is a `TypeSript React` app which uses `Vite` and a custom `SSR server` for SEO, `Framer Motion` for dynamic animations, `Redux` for state management, `Storybook` for testing and component management with the help from `Class Variance Authority` for variants and `Radix UI` here and there to ensure accessibility and other benefits. `PostCSS` and `CSS modules` handles styling.
### serverCore
The `serverCore` directory contains the core API and WebSocket connections via `socket.io`, developed using `TypeScript Express`. I also finally decided to remove Firebase, mid-development. I felt that all I really needed from Firebase was Firestore and all the additional features felt like unnecessary 'bloat' and also the 'hand-holding' began to annoy me. So, after I made up this tech stack, I decided to remove Firebase and use a different document-oriented database, `MongoDB`. Our database is now MongoDB complemented with an Object Data Modeling (ODM) tool, `Mongoose`, for a structured schema approach.
## Current Steps
I'm now creating the `friends system` and `friend statuses` and then I'm moving to the new `chat feature`, which will have global chat rooms based on the user's country and private chat rooms will also be implemented for the user's friends. It's a complex chat system for sure, will be a fun challenge.
## Collaboration Appreciated!
I would love to work with other people with this app I envisioned.
When collaborating, you don't have to help with the main UI, I am also looking for people to make some games for Quest Casino. So, if you think of a cool Casino game to be featured, go right ahead. You could use JavaScript with preferably TypeScript and no React if you really want to, but other games are using React.
To collaborate just shoot me an [email](mailto:[email protected]) or you can contact me on [Linkedin](https://www.linkedin.com/in/d-bish/).
If you want to know more about Quest Casino, take a look at the design case study. Quest Casino's UI has undergone rigorous design and UX testing to ensure a great user experience, the design case study for the new version is on my portfolio website or just use this [link](https://docs.google.com/presentation/d/1cegjwMxQvDhePSHiwVTRRgHZQYwQCqj3NcJFy1GPhMk/edit?usp=sharing). You'll find it at [https://www.davidbishop.info/#design](https://www.davidbishop.info/#design) on my portfolio.
### Prerequisites
- `Nodejs` version 20 or greater.
- `NPM` version 10 or greater.
### Getting Started
```
$ npm install
$ npm run dev
```
- Running `npm run dev` would run every project in the repo. If you want to run a specific project, use the --workspace flag. The _\_ would be the name in the package.json of a project.
```
$ npm run dev --workspace
```
- When `installing a package`, don't forget to install it for a specific project:
```
$ npm install --workspace
```
## Directory Structure
...
## Thanks!
I hope my work can inspire you, thank you for your interest in the app!
_**Deployed Stable Version (Version 1):** [www.questcasino.xyz](https://www.questcasino.xyz)_
---
Shield: [![CC BY 4.0][cc-by-shield]][cc-by]
This work is licensed under a
[Creative Commons Attribution 4.0 International License][cc-by].
[![CC BY 4.0][cc-by-image]][cc-by]
[cc-by]: http://creativecommons.org/licenses/by/4.0/
[cc-by-image]: https://i.creativecommons.org/l/by/4.0/88x31.png
[cc-by-shield]: https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg