Skip to content

Latest commit

 

History

History
85 lines (80 loc) · 3.28 KB

README.md

File metadata and controls

85 lines (80 loc) · 3.28 KB

Devtter App

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.

Estructura de carpetas

            /
            ├── 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

Características

  • 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