Code Monkey home page Code Monkey logo

felpfsf / cuckoo-next Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 14.09 MB

O Cuckoo é uma rede social similar ao Twitter, onde os usuários podem postar, comentar e curtir os posts e também podem seguir outros usuários e receber atualizações em seu feed de notícias.

Home Page: https://cuckoo-next.vercel.app

License: MIT License

JavaScript 1.65% TypeScript 96.04% CSS 2.31%
nextauth nextjs nodejs postgresql prisma react tailwindcss typescript

cuckoo-next's Introduction

Cuckoo

English Version

Demonstração

O Cuckoo é uma rede social similar ao Twitter, onde os usuários podem postar, comentar e curtir os posts e também podem seguir outros usuários e receber atualizações em seu feed de notícias.

Tecnologias Utilizadas

O projeto foi desenvolvido utilizando a linguagem de programação TypeScript com o framework Next.js. Para o banco de dados, foi utilizado o Prisma em conjunto com o PostgreSQL. A autenticação é feita através do NextAuth, permitindo que os usuários se cadastrem e façam login usando redes sociais ou suas próprias credenciais de email e senha.

Funcionalidades

  • Postagem de mensagens
  • Comentários em postagens
  • Curtidas em postagens
  • Seguindo outros usuários
  • Feed de notícias
  • Autenticação de usuários

Instalação

Para executar o projeto, é necessário ter o Node.js instalado em sua máquina. Clone o repositório e, em seguida, instale as dependências do projeto com o seguinte comando:

yarn

Em seguida, crie um arquivo .env e configure suas variáveis de ambiente para se conectarem ao seu banco de dados. Por fim, execute o seguinte comando para iniciar o servidor:

yarn dev

O projeto será executado em http://localhost:3000.

Contribuindo

Sinta-se à vontade para contribuir com este projeto. Para fazer isso, faça um fork do repositório e crie uma nova branch para suas alterações. Depois de fazer suas alterações, crie um pull request para que possamos revisá-las.

Acessibilidade

Este projeto foi desenvolvido com atenção especial para a acessibilidade. Foram utilizadas tags semânticas e atributos ARIA para tornar o aplicativo o mais acessível possível para todos os usuários.

Responsividade

A versão web do aplicativo é totalmente responsiva, o que significa que ela se adaptará a diferentes tamanhos de tela, desde dispositivos móveis até desktops.

Telas da Aplicação

Login

Mobile

Login Mobile

Desktop

Login Desktop

Cadastro

Mobile

Cadastro Mobile

Desktop

Cadastro Desktop

Tela Principal

Mobile

Tela Principal Mobile

Tablet

Tela Principal Tablet

Desktop

Tela Principal Desktop

Tela de Editar Perfil

Tela de Editar Perfil

Seguidores

Seguidores

Tela do Perfil de usuários

Mobile

Tela do Perfil de usuários Mobile

Tablet

Tela do Perfil de usuários Tablet

Desktop

Tela do Perfil de usuários Desktop

Post Modal

Post Modal

Desktop Animation

Post Modal Desktop Animation

Mobile Animation

Post Modal Mobile Animation

Licença

Este projeto é licenciado sob a Licença MIT - consulte o arquivo LICENSE.md para obter mais detalhes.

cuckoo-next's People

Contributors

felpfsf avatar

Stargazers

WESAM OTHMAN avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.