Receta
Descripción :
Bienvenido a Recipen, un sitio web de recetas para que los entusiastas de la comida exploren, creen y compartan sus experiencias culinarias. Disfrute de una plataforma impulsada por la comunidad donde los entusiastas de la comida comparten sus preciadas recetas y cautivadores blogs de comida. Suscríbete a la versión pro para compartir tus propias recetas y desbloquear un reino de gusto, cultura y creatividad.
Enlace:
Sitio en vivo: https://recipen.vercel.app/
Herramientas y tecnologías utilizadas:
Conéctate conmigo:
Características :
- Autenticación: los usuarios pueden crear cuentas de forma segura e iniciar sesión para acceder a funciones y contenido personalizados.
- Token de acceso y actualización: mecanismo de token de acceso y actualización implementado para mejorar la seguridad durante la autenticación del usuario.
- Persistencia del estado de autenticación: el estado de autenticación del usuario ahora persiste en todas las sesiones, lo que proporciona una experiencia de usuario perfecta.
- Almacenamiento de tokens en cookies: los tokens se almacenan en cookies seguras para una mejor protección contra ataques de secuencias de comandos entre sitios (XSS).
- Recetas: explore una rica colección de recetas auténticas aportadas por la comunidad, que cubren una amplia gama de cocinas y gustos.
- Blogs de comida: interactúe con blogs de comida creativos e interesantes escritos por entusiastas, que ofrecen información valiosa e inspiración culinaria.
- Integración de pagos de Stripe: Stripe perfectamente integrado para un procesamiento de pagos seguro, mejorando la experiencia del usuario durante las transacciones.
- Suscripción de pago único: ofrezca a los usuarios la opción de suscribirse con un pago único, desbloqueando funciones y beneficios exclusivos.
- Acceso de usuario profesional: los usuarios profesionales disfrutan del privilegio de agregar y eliminar recetas y blogs, creando una plataforma dinámica y atractiva.
- Panel de administración: los administradores tienen acceso a un panel para administrar usuarios, recetas y blogs.
- Perfil de Usuario: Cada usuario tiene un perfil personalizado donde puede gestionar su información.
- Página de contacto: una página dedicada para que los usuarios se comuniquen con preguntas, inquietudes o comentarios, fomentando la comunicación.
- Chatbot: Un chatbot que brinda asistencia personalizada a los mantenedores del proyecto.
- Guardar y dejar de guardar recetas favoritas: los usuarios pueden seleccionar su propia colección de recetas favoritas para acceder fácilmente e inspirarse en la cocina.
- Calificar y comentar recetas: los usuarios registrados pueden proporcionar calificaciones y comentarios sobre recetas, mejorando la interacción de la comunidad.
- Comente en blogs: participe en debates dejando comentarios en los blogs de comida, compartiendo pensamientos e ideas.
- Compartir recetas en las redes sociales: los usuarios pueden compartir sin esfuerzo sus recetas favoritas en varias plataformas de redes sociales.
Volver al principio
Pasos para ejecutar el proyecto en su máquina local
- Bifurcar este repositorio
- Abra la terminal o el símbolo del sistema en su máquina local. Ejecute el siguiente comando para clonar el repositorio:
git clone https://github.com/your-username/your-repo.git
Reemplace su nombre de usuario con su nombre de usuario de GitHub y su repositorio con el nombre de su repositorio.
- Abra el proyecto y cambie el nombre de los archivos .env.example a .env en el directorio del cliente y del servidor.
- Agregue sus propias variables de entorno a ambos archivos.
- Agregue http://localhost:5173 y http://localhost:5000 a la matriz permitidaOrigins presente en la ruta server/config/allowedOrigins.
- Para ejecutar la interfaz, abra una nueva terminal y ejecute 'cd client/' para ir al directorio del cliente y ejecutar:
- Para ejecutar el backend, abra una nueva terminal y ejecute 'cd server/' para ir al directorio del servidor y ejecutar:
- Abra http://localhost:5173/ strong> desde su navegador para ejecutar la aplicación web.
Pasos para acceder al panel de administración
- Después de ejecutar la aplicación web en su máquina, regístrese en el sitio web.
- Ahora abra su colección MongoDB y agregue manualmente el elemento Administrador en el campo de conjunto de roles para el usuario que desea convertir en administrador y luego inicie sesión nuevamente en el sitio.
- Ahora podrá acceder al panel de administración.
Volver al principio
pagina de inicio

Página de registro

Iniciar sesión en la página

página de perfil

Pagina de contacto

Página de recetas

página de blogs

Página de receta única

Página de blog única

Agregar página de recetas

Agregar página de blog

Panel de usuarios administradores

Panel de recetas de administración

Panel de administración de blogs

?️ Licencia
Los términos y condiciones de uso, reproducción y distribución están bajo la Licencia MIT.
Dale un? si usted ? este repositorio
Volver al principio