https://github.com/noyannozmen/pfc-react
This a complete conversion of PetFosterConnect, our End of Year group student project. It is now separated into a React + TypeScript front-end, while the original back-end has been re-imagined as an API.
https://github.com/noyannozmen/pfc-react
html-css-javascript jsx nodejs postgresql react-router reactjs sequelize-orm typescript-react
Last synced: 2 months ago
JSON representation
This a complete conversion of PetFosterConnect, our End of Year group student project. It is now separated into a React + TypeScript front-end, while the original back-end has been re-imagined as an API.
- Host: GitHub
- URL: https://github.com/noyannozmen/pfc-react
- Owner: NoyannOzmen
- Created: 2025-01-08T10:58:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-13T11:57:42.000Z (over 1 year ago)
- Last Synced: 2025-02-13T19:38:47.987Z (over 1 year ago)
- Topics: html-css-javascript, jsx, nodejs, postgresql, react-router, reactjs, sequelize-orm, typescript-react
- Language: TypeScript
- Homepage:
- Size: 3.37 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pet Foster Connect
## Disclaimer
Ce dépôt contient une conversion en ReactJs et TypeScript du projet PetFosterConnect, tout en préservant ses fonctionnalités.
## Présentation
Pet Foster Connect permet de mettre en relation des familles d’accueil pour les animaux avec des associations de protection animale.
PFC permet aux gens de jouer un rôle fondamental en accueillant des animaux en attendant leur adoption définitive afin de leur offrir une meilleure vie.
PFC a pour vocation de répondre à plusieurs besoins :
- Les animaux aimeraient bien un toit, et les gens aiment les animaux (en général)
- Permettre aux associations / refuges de communiquer sur les animaux nécessitant une place au chaud
- Permettre aux familles d'accueil de se faire connaître et de se mettre en relation avec les refuges / associations
## Technologies utilisées
Pour réaliser cette application, nous nous sommes servis de :
| **Nom** | **Utilité** |
| -------------- | ----------------- |
| VSCode | IDE |
| ReactJS | Front |
| TypeScript & JSX | Langages Front |
| Tailwind | CSS |
| NodeJs | Back |
| Javascript ES6 | Langage Back |
| express | Serveur |
| session | Session |
| nodemon | Refresh auto |
| cors | Protection XSS |
| multer | Upload des images |
| bCrypt | Chiffrement |
| JWT | Authentification |
| JOI | Validation |
| PostgreSQL | Base de données |
| sequelize | ORM |
## Installation
Rien de plus simple :
Clonez ce dépôt, et une fois sur votre machine :
- *cd back*
- *npm install*
- *npm run db:reset*
- *npm run dev*
Dans un terminal à part :
- *cd front*
- *pnpm install*
- *npm run dev*
Et en avant Guingamp !