Devtter App es un proyecto personal, basada en la idea de hacer un clon de Twitter (pero para desarrolladores) tomado del curso gratuito de NextJS del gran Midudev.
/
├── components/
│ ├── AppBar/
│ │ ├── AppBaritem.jsx
│ │ ├── index.jsx
│ │ └── items.json
│ ├── Aside/
│ │ └── index.jsx
│ ├── Avatar/
│ │ └── index.jsx
│ ├── DevitMedia/
│ │ └── index.jsx
│ ├── Devit/
│ │ ├── CommentBtn.jsx
│ │ ├── HeartIcon.jsx
│ │ ├── LikeBtn.jsx
│ │ ├── index.jsx
│ │ └── SkeletonDevit.jsx
│ ├── DevitInput/
│ │ ├── DevitInputBtn.jsx
│ │ ├── DevitInputIcons.jsx
│ │ ├── DevitInputModal.jsx
│ │ ├── index.jsx
│ │ ├── OnImage.jsx
│ │ ├── WordsCounter.jsx
│ │ └── DevitInputTextarea.jsx
│ ├── LogoComponent.jsx
│ ├── NotLoggedUser.jsx
│ ├── TimeLine.jsx
├── context/
│ └── Context.jsx
├── firebase/
│ ├── admin.js
│ ├── initAuth.js
│ └── cliente.js
├── helpers/
│ ├── constants.js
│ ├── getDevitDate.js
│ └── devitsFromFirestore.js
├── hooks/
│ ├── useGlobalcontext.js
│ ├── useHandlers.js
│ ├── usePreview.js
│ ├── useResizeObserver.js
│ ├── useSendDevit.js
│ └── useTimeAgo.js
├── pages/
│ ├── api/
│ │ ├── devits/
│ │ │ └── [id].js
│ │ ├── login.js
│ │ └── logout.js
│ ├── compose/
│ │ └── tweet/
│ │ └── index.jsx
│ ├── home/
│ │ └── index.jsx
│ ├── status/
│ │ └── [id]/
│ │ └── index.jsx
│ ├── _app.jsx
│ └── index.jsx
├── public/
│ └── *assets
└── styles/
└── globals.css- Crear devits con o sin imagen (el equivalente a tweets)
- Ver devits en tiempo real
- 100% responsive
- Autenticación con firebase
- Estilado con tailwindcss
- Ver devits por separado
- Visor de imágenes
- Funcionalidad de likes