Vet'Alert est un projet réalisé pendant ma formation de Concepteur et développeur d'applications web (CDA) à Simplon Grenoble.
Ce projet était une introduction dont le but était de montrer ce qu'on savait faire en réalisant en 4 jours une mini application web ayant pour thème la gestion des vaccinations d'animaux pour un vétérinaire.
Pour réaliser ce projet, j'ai décidé d'utiliser le framework Next.js, qui est la façon la plus populaire de travailler avec React ces dernières années. J'ai décidé d'utiliser l'App router, un changement drastique dans le paradigme de Next.js, pour pouvoir apprendre ses dernières fonctionnalités.
Pour installer le projet, il faut:
- Un compte Clerk (gratuit et avec un free-tier de 10 000 utilisateurs actifs)
- MySQL
- Node.js
- Npm
git clone git@github.com:OrhanMA/VetAlert.git
cd vetalert/
npm install
mv .env.example .env.local
Dans votre fichier .env.local, renseigner vos clés secrêtes Clerk et vos credentials MySQL
Exécutez le script SQL du fichier tables.sql (présent dans la racine du projet) dans votre nouvelle base de données.
Vous pouvez utiliser PhpMyAdmin pour vous simplifier la tâche.
npm run build
npm run start
OU lancez le projet en mode développement avec
npm run dev
Rendez-vous sur http://localhost:3000/ pour essayer l'application.
Autres outils utilisés:
- Next.js
- MySQL
- MySQL driver pour Node.js:
- Tailwind CSS
- TypeScript
- Clerck auth
- Formik, a way to work with React forms easily
- Date-fns, modern Javascript data utility
Crédits:
- Photo unsplash: Sdf Rahbar chiots qui dort sous des vêtements
- Favicon dog: https://favicon.io/emoji-favicons/dog/