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

https://github.com/sebf33/magicardt

Manage your MTG cards.
https://github.com/sebf33/magicardt

axios javascript pinia tailwindcss vue3

Last synced: about 2 months ago
JSON representation

Manage your MTG cards.

Awesome Lists containing this project

README

          

# PROJET AVEC FRAMEWORK
![logo_magicardt](/.github/logo_magicardt.png)

**Titre : Magicardt**

**Auteur : Sébastien Flouriot (SebF33)**

**Cahier des charges :**
Rechercher des cartes Magic : L'Assemblée et organiser une liste de celles-ci à exporter.

:construction: Work in Progress

## :link: Liens
:earth_africa: **Site web :** https://sebf33.github.io/magicardt

:clapper: **Démo :** https://youtu.be/wl5Ld7shHVw

:octocat: **GitHub :** https://github.com/SebF33/magicardt

## :computer: Développement
**Description technique :** Consommation d'une API sur une SPA (“Single Page Application”) avec un framework front-end et les librairies associées.

**Langage :** JavaScript.

[![Vue.js](/.github/Vue.js.png)](https://vuejs.org) [![Pinia](/.github/Pinia.png)](https://pinia.vuejs.org) [![Vuetify](/.github/Vuetify.png)](https://vuetifyjs.com) [![VeeValidate](/.github/VeeValidate.png)](https://vee-validate.logaretm.com) [![Vite](/.github/Vite.png)](https://vitejs.dev) [![Zod](/.github/Zod.png)](https://github.com/colinhacks/zod) [![Axios](/.github/Axios.png)](https://axios-http.com) [![RxDB](/.github/RxDB.png)](https://rxdb.info) [![Tailwind CSS](/.github/Tailwind_CSS.png)](https://tailwindcss.com) [![Element](/.github/Element.png)](https://element-plus.org/en-US/) [![html2canvas](/.github/html2canvas.png)](https://html2canvas.hertzen.com) [![jsPDF](/.github/jsPDF.png)](https://parall.ax/products/jspdf)

:toolbox: **Technologies :**
- [Vue.js 3](https://vuejs.org/guide/introduction.html)
- [Pinia](https://pinia.vuejs.org/introduction.html)
- [Vuetify 3](https://next.vuetifyjs.com/en/getting-started/installation)
- [VeeValidate 4](https://vee-validate.logaretm.com/v4/guide/overview)
- [Vite](https://vitejs.dev/guide)
- [Zod](https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation)
- [Axios](https://axios-http.com/docs/intro)
- [RxDB](https://rxdb.info/rx-storage-dexie.html)
- [Tailwind CSS](https://tailwindcss.com/docs/guides/vite)
- [Element Plus](https://element-plus.org/en-US/guide/installation.html)
- [ExcellentExport.js](https://github.com/jmaister/excellentexport)
- [html2canvas](https://html2canvas.hertzen.com/documentation)
- [jsPDF](https://rawgit.com/MrRio/jsPDF/master/docs/index.html)

### ![Vite_tiny](/.github/Vite_tiny.png) Vite
Compiler et "Hot-Reload" pour le développement :
`npm run dev`

Compiler et minifier pour la production :
`npm run build`

Tester l'application pour la production :
`npm run preview`

### ![Git_tiny](/.github/Git_tiny.png) Git
Créer la branche de déploiement pour Github Pages :
`git subtree push --prefix dist origin gh-pages`

## :copyright: Copyright
https://magic.wizards.com

https://scryfall.com