Download Recipen - Download do código-fonte Recipen

Recipen

Outras categorias

1.0.0

Baixar

Receita

Descrição :

Bem-vindo ao Recipen – um site de receitas para os entusiastas da comida explorarem, criarem e compartilharem suas experiências culinárias. Delicie-se com uma plataforma voltada para a comunidade onde os entusiastas da culinária compartilham suas receitas queridas e blogs de culinária cativantes. Assine a versão pro para compartilhar suas próprias receitas e desbloquear um reino de sabor, cultura e criatividade.

Link:

Site ao vivo: https://recipen.vercel.app/

Ferramentas e tecnologias utilizadas:

Conecte-se comigo:

Características :

Autenticação: os usuários podem criar contas e fazer login com segurança para acessar recursos e conteúdos personalizados.
Token de acesso e atualização: Implementado mecanismo de token de acesso e atualização para maior segurança durante a autenticação do usuário.
Persistência do estado de autenticação: o estado de autenticação do usuário agora persiste entre as sessões, proporcionando uma experiência de usuário perfeita.
Armazenamento de tokens em cookies: os tokens são armazenados em cookies seguros para melhor proteção contra ataques de cross-site scripting (XSS).
Receitas: Explore uma rica coleção de receitas autênticas fornecidas pela comunidade, cobrindo uma ampla variedade de cozinhas e gostos.
Blogs de culinária: interaja com blogs de culinária criativos e perspicazes escritos por entusiastas, oferecendo informações valiosas e inspiração culinária.
Integração com Stripe Payment: Stripe perfeitamente integrado para processamento seguro de pagamentos, melhorando a experiência do usuário durante as transações.
Assinatura de pagamento único: oferece aos usuários a opção de assinatura com pagamento único, desbloqueando recursos e benefícios exclusivos.
Acesso de usuário Pro: Os usuários Pro têm o privilégio de adicionar e excluir receitas e blogs, criando uma plataforma dinâmica e envolvente.
Painel de administração: os administradores têm acesso a um painel para gerenciar usuários, receitas e blogs
Perfil de usuário: Cada usuário possui um perfil personalizado onde pode gerenciar suas informações.
Página de contato: uma página dedicada para os usuários entrarem em contato com perguntas, preocupações ou comentários, promovendo a comunicação.
Chatbot: Um chatbot que fornece assistência individual aos mantenedores do projeto.
Salvar e cancelar o salvamento de receitas favoritas: os usuários podem selecionar sua própria coleção de receitas favoritas para fácil acesso e inspiração culinária.
Avalie e comente receitas: usuários registrados podem fornecer avaliações e comentários sobre receitas, melhorando a interação da comunidade.
Comente em blogs: participe de discussões deixando comentários em blogs de culinária, compartilhando pensamentos e ideias.
Compartilhe receitas nas redes sociais: os usuários podem compartilhar facilmente suas receitas favoritas em várias plataformas de mídia social.

Voltar ao topo

Etapas para executar o projeto em sua máquina local

Bifurque este repositório
Abra o terminal ou prompt de comando em sua máquina local. Execute o seguinte comando para clonar o repositório:

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

Substitua your-username pelo seu nome de usuário do GitHub e your-repo pelo nome do seu repositório.

Abra o projeto e renomeie os arquivos .env.example para .env no diretório do cliente e do servidor.
Adicione suas próprias variáveis de ambiente a esses dois arquivos.
Adicione http://localhost:5173 e http://localhost:5000 ao array permitidoOrigins presente no caminho server/config/allowedOrigins.
Para executar o frontend, abra um novo terminal e execute 'cd client/' para ir ao diretório do cliente e executar:

 npm run dev

Para executar o backend, abra um novo terminal e execute 'cd server/' para ir ao diretório do servidor e executar:

 nodemon index.js

Abra http://localhost:5173/ strong> em seu navegador para executar o webapp.

Etapas para acessar o painel de administração

Após executar o webapp em sua máquina cadastre-se no site.
Agora abra sua coleção MongoDB e adicione manualmente o elemento Admin no campo de matriz de funções para o usuário que você deseja tornar administrador e, em seguida, faça login novamente no site.
Agora você poderá acessar o painel de administração.

Voltar ao topo