Téléchargement Recipen - Téléchargement du code source Recipen

Recipen

Autres catégories

1.0.0

Télécharger

Recette

Description :

Bienvenue sur Recipen – un site Web de recettes permettant aux passionnés de cuisine d'explorer, de créer et de partager leurs expériences culinaires. Offrez-vous une plate-forme communautaire où les passionnés de cuisine partagent leurs recettes préférées et des blogs culinaires captivants. Abonnez-vous à la version pro pour partager vos propres recettes et débloquer un royaume de goût, de culture et de créativité.

Lien:

Site en direct : https://recipen.vercel.app/

Outils et technologies utilisés :

Connectez-vous avec moi :

Caractéristiques :

Authentification : les utilisateurs peuvent créer des comptes en toute sécurité et se connecter pour accéder à des fonctionnalités et à du contenu personnalisés.
Jeton d'accès et d'actualisation : implémentation d'un mécanisme de jeton d'accès et d'actualisation pour une sécurité renforcée lors de l'authentification des utilisateurs.
Persistance de l’état d’authentification : l’état d’authentification de l’utilisateur est désormais conservé d’une session à l’autre, offrant ainsi une expérience utilisateur transparente.
Stockage des jetons dans des cookies : les jetons sont stockés dans des cookies sécurisés pour une meilleure protection contre les attaques de scripts intersites (XSS).
Recettes : explorez une riche collection de recettes authentiques fournies par la communauté, couvrant un large éventail de cuisines et de goûts.
Blogs culinaires : participez à des blogs culinaires perspicaces et créatifs rédigés par des passionnés, offrant des informations précieuses et une inspiration culinaire.
Intégration des paiements Stripe : Stripe intégré de manière transparente pour un traitement sécurisé des paiements, améliorant ainsi l'expérience utilisateur lors des transactions.
Abonnement à paiement unique : offrez aux utilisateurs la possibilité de s'abonner avec un paiement unique, débloquant ainsi des fonctionnalités et des avantages exclusifs.
Accès utilisateur Pro : les utilisateurs Pro bénéficient du privilège d'ajouter et de supprimer des recettes et des blogs, créant ainsi une plateforme dynamique et attrayante.
Tableau de bord d'administration : les administrateurs ont accès à un tableau de bord pour gérer les utilisateurs, les recettes et les blogs.
Profil utilisateur : chaque utilisateur dispose d'un profil personnalisé dans lequel il peut gérer ses informations.
Page Contactez-nous : une page dédiée permettant aux utilisateurs de poser des questions, des préoccupations ou des commentaires, favorisant ainsi la communication.
Chatbot : Un chatbot qui fournit une assistance individuelle aux responsables du projet.
Enregistrer et annuler l'enregistrement des recettes préférées : les utilisateurs peuvent créer leur propre collection de recettes préférées pour un accès facile et une inspiration culinaire.
Évaluer et commenter les recettes : les utilisateurs enregistrés peuvent fournir des évaluations et des commentaires sur les recettes, améliorant ainsi l'interaction de la communauté.
Commentez sur les blogs : participez à des discussions en laissant des commentaires sur les blogs culinaires et en partageant des réflexions et des idées.
Partager des recettes sur les réseaux sociaux : les utilisateurs peuvent partager sans effort leurs recettes préférées sur diverses plateformes de réseaux sociaux.

Retour en haut

Étapes pour exécuter le projet sur votre ordinateur local

Forkez ce référentiel
Ouvrez le terminal ou l'invite de commande sur votre ordinateur local. Exécutez la commande suivante pour cloner le dépôt :

 git clone https://github.com/your-username/your-repo.git

Remplacez votre nom d'utilisateur par votre nom d'utilisateur GitHub et votre dépôt par le nom de votre référentiel.

Ouvrez le projet et renommez les fichiers .env.example en .env dans le répertoire client et serveur.
Ajoutez vos propres variables d'environnement à ces deux fichiers.
Ajoutez http://localhost:5173 et http://localhost:5000 au tableau AllowedOrigins présent dans le chemin server/config/allowedOrigins.
Pour exécuter le frontend, ouvrez un nouveau terminal et exécutez 'cd client/' pour accéder au répertoire client et exécutez :

 npm run dev

Pour exécuter le backend, ouvrez un nouveau terminal et exécutez 'cd server/' pour accéder au répertoire du serveur et exécutez :

 nodemon index.js

Ouvrez http://localhost:5173/ strong> depuis votre navigateur pour exécuter l'application Web.

Étapes pour accéder au tableau de bord d'administration

Après avoir exécuté l'application Web sur votre ordinateur, inscrivez-vous sur le site Web.
Ouvrez maintenant votre collection MongoDB et ajoutez manuellement l'élément Admin dans le champ Tableau des rôles pour l'utilisateur que vous souhaitez définir comme administrateur, puis reconnectez-vous sur le site.
Vous pourrez désormais accéder au tableau de bord d'administration.

Retour en haut