cuttle
core
cuttle | core | |
---|---|---|
46 | 284 | |
112 | 44,710 | |
7.1% | 1.3% | |
9.5 | 9.8 | |
7 days ago | 5 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
cuttle
-
Collaborate on the open source pvp web app for the oldest-known combat card game: cuttle.cards
I got started in web development by building a full stack web app to play my favorite card game, Cuttle, pvp. Now that I'm working in the industry, I've open sourced the project and I continuously improve it with the help of other contributors. Here's the live deployment and here's the code.
-
Seeking a JavaScript Mentor for a Passionate Full-Stack Student
The app is live at https://cuttle.cards and actively in (modest) use. We are continuously improving it, and you can practice essentially any part of the full stack by contributing. Hereās the code. The app is a Vue3 SPA with a nodejs backend (using sailsjs), and a postgres database, and we use cypress for the bulk of our automated testing.
-
Is anyone down to build some small projects together?
Everyone is welcome! The best way to get started is to join us on discord where you can chat with me and the other devs about setting up and picking your first issue. Otherwise feel free to grab any of the issues on our github!
-
What are some full-stack projects that you have made specifically for the purpose of showcasing your MERN stack (or in fact any stack) expertise?
For one thing, you're welcome to join our discord where you can chat with me and other contributors (players too). I'd be happy to help you find a first issue to contribute. Regardless, feel free to check out our issue list to see if there are any you'd like to take a crack at.
-
Is it worth it working on web game projects?
For what itās worth, Iāve open sourced my project (hereās the code) so if anyone would like to practice full stack web development skills by working on the oldest known combat card game, come check it out! We have five tournaments every year and open play sessions twice a week so your contributions will be used by real people in a live environment
-
JavaScript framework for making games. no game engine
Hereās the code
-
I learned to code by creating a web app to play my favorite card game (Cuttle). Now we have a competitive format and today is our Season Championship!
Cuttle is my favorite card game and I learned web development by creating cuttle.cards: an open source, fullstack pvp web app where people can play Cuttle online, for free! The app uses a postgresql database, a nodejs backend and a vue3 front-end. Here's the code.
-
can anyone help explain websockets in vue.js and why he/she used websockets?
I use websockets in my card game project: cuttle.cards as the way of updating all the players when someone makes a move. Hereās the code.
-
What Game are You Just Really Good At?
Itās a full stack web app with a Vue frontend and a nodejs backend built with the sailsjs framework. Hereās the code. The project is open source and under continuous development to improve the player experience.
-
Where do you guys find a teammate to start your side project?
We donāt have the full team structure that youād see in a professional setting, but we have 5 core engineers including myself who work consistently on the project and a number of other contributors at various levels of experience. Hereās the repo. If any of that interests you, hit me up!
core
- React.dev?Uwu=True
-
Using Nuxt Content: Working with Remote Markdown Files
Nuxt is an open-source framework for building performant websites and full-stack applications using Vue.js. It provides performance and SEO benefits, and adds full-stack capabilities for Vue apps.
-
The easiest way to authenticate users with Vue.js
As you can see, it's a simple Single Page Application built with Vue.js where our users can sign up / sign in with a few clicks.
-
Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI
Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and moreā¦
-
Securing Vue Apps with Keycloak
Vue.js is an open source web framework that makes developing web applications easier.
-
Introduction to JavaScript: Empowering Web Development with Interactivity
Frameworks and Libraries: There are numerous JavaScript frameworks and libraries, such as React, Angular, and Vue.js, which simplify the development of complex web applications.
-
Full Stack Web Development Concept map
Javascript in the browser React - react is a library that gives developers an application programming interface (API) to manipulate the DOM (this is React's ReactDOM package). React uses components and JSX to make building reusable code easier. docs JSX - is a syntax extension for React Javascript code that lets you write HTML-like markup in a javascript file. This makes it easier to write reusable HTML. docs State - a key react concept that guides setting and storage of data between renders. docs Hooks - a key react concept for logic triggered by state change docs Vue - is a framework for building web interfaces. Vue is lightweight and best for small projects prioritizing speed over functionality. doc Angular - web development framework. Angular is best for dynamic more feature rich sites. docs
-
What is Reactivity?
Vue
-
Vue 3 Explained: Rendering 101
Vue 3 Reactivity Source Code
-
Why I Personally Decided to Bet on JavaScript
Nonetheless, it offers nearly infinite possibilities. You can code and create anything, from a mobile app with React Native to a desktop application with Electron.js. Furthermore, JavaScript provides excellent frameworks and libraries that can be applied in various approaches, such as React, Three, Vue, Meteor, and Astro.
What are some alternatives?
Swing Music - A beautiful, self-hosted music player for your local audio files. Like a cooler Spotify ... but bring your own music.
unplugin-vue-components - š² On-demand components auto importing for Vue
geofind - Multiplayer Geographical Guessing Game using PostGIS, Nuxt, Leaflet & Colyseus.
vue-cli - š ļø webpack-based tooling for Vue.js Development
preline - Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
vite - Next generation frontend tooling. It's fast!
wayne - Service Worker Routing library for in browser HTTP requests
vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3
ant-design-vue - š An enterprise-class UI components based on Ant Design and Vue. š
React - The library for web and native user interfaces.
GraphQL-demo - A demo application that runs graphql and consumes it in a simple frontend
auth - A JWT based API for managing users and issuing JWT tokens