Wonder é uma rede social que nasceu com o objetivo de enfatizar a liberdade de expressão individual. Sua interface é bastante intuitiva, permitindo que os usuários aprendam facilmente a fazer uma publicação. O projeto é focado em permitir que os usuários publiquem mensagens de texto, proporcionando uma plataforma aberta para expressão. Qualquer usuário pode criar uma publicação, além de curtir, poder seguir usuários e responder às publicações de outros. Sua abordagem e interface são semelhantes ao X, antigo Twitter, proporcionando uma experiência familiar aos usuários.
Quer fazer a sua primeira publicação? Basta acessar o Wonder.
Talvez ao tentar acessar o Wonder, possa demorar um pouco para que a página carregue e mostre as publicações. Isso acontece devido a API do projeto está hospedada no Render, mas não se preocupe que dentro de um minuto a página carregará normalmente e as publicações serão mostradas.
![]() |
![]() |
![]() |
![]() |
O Wonder permite publicar mensagens de até 355 caracteres, onde outros usuários podem responder ou curtir. Você pode editar ou excluir suas próprias postagens. Além disso, é possível visualizar perfis de usuários, segui-los, ver as publicações que eles fizeram e também as que você curtiu.
No design, foi utlizado o Figma e os princípios do design UI e UX para proporcionar uma ótima experiência ao usuário, garantindo uma interface intuitiva e agradável.
No FrontEnd, foi utilizado o React como biblioteca principal, o que facilitou o desenvolvimento e contribuiu para a intuitividade do projeto. No momento, a responsividade ainda não foi implementada, mas será o foco das próximas atualizações.
O projeto está completamente funcional, com todas as suas páginas e funcionalidades desenvolvidas.
Cique aqui para saber mais informações sobre a API do projeto.
- JavaScript
- React
- ContextAPI
- Axios
- React-router-dom
- React-hook-form
- Zod