https://github.com/02alexis/threads-clone
⚜ Threads Clone
https://github.com/02alexis/threads-clone
autentication chakra-ui express javascipt javascript jwt-token mern-stack mongodb mongodb-atlas nodejs nosql
Last synced: 2 months ago
JSON representation
⚜ Threads Clone
- Host: GitHub
- URL: https://github.com/02alexis/threads-clone
- Owner: 02Alexis
- Created: 2024-03-09T14:56:26.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-25T17:41:53.000Z (about 1 year ago)
- Last Synced: 2026-01-02T00:55:05.007Z (5 months ago)
- Topics: autentication, chakra-ui, express, javascipt, javascript, jwt-token, mern-stack, mongodb, mongodb-atlas, nodejs, nosql
- Language: JavaScript
- Homepage:
- Size: 862 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Tabla de contenidos
1. [Características principales](#características-principales)
2. [Para empezar](#para-empezar)
- [Instalación del front](#instalación-del-front)
- [Instalación del back](#instalación-del-back)
## Características principales
- 🌟 Tech stack: MERN + Chakra UI
- 🎃 Autenticación y autorización con JWT
- 📝 Crear publicación
- 🗑️ Eliminar mensaje (con imágenes)
- 💱 Actualizar perfil de usuario
- ❤️ Me gusta/No me gusta la publicación
- 💬 Comentar una publicación
- 👥 Seguir/dejar de seguir usuarios
- 🌓 Modo oscuro/claro
- 📱 Completamente responsivo
- 💬 Aplicación de chat con soporte de imagen
- 👀 Estado visto/invisible para mensajes
### Setup .env file
```js
PORT=...
MONGO_URI=...
JWT_SECRET=...
CLOUD_NAME=...
CLOUD_API_KEY=...
CLOUD_API_SECRET=...
```
### Capturas de pantalla de Threads Clone:
## Chat
## Para empezar
### Instalación del front:
1. Clona el repositorio
```sh
git clone https://github.com/02Alexis/threads-clone.git
```
2. Navega hasta el directorio
```sh
cd threads-clone/frontend
```
3. Instala los paquetes de NPM
```sh
npm install
```
4. Ejecuta el proyecto
```sh
npm run dev
```
5. Abre en tu navegador
```
http://localhost:3000
```
### Instalación del back:
1. Navega hasta el directorio
```sh
cd threads-clone/backend
```
3. Instala los paquetes de NPM
```sh
npm install
```
4. Ejecuta el proyecto
```sh
npm run dev
```
5. Abre en tu navegador
```
http://localhost:5000
```
## 🛠️ Stack
- [![Vitejs][vite-badge]][vite-url] - Herramientas frontend de próxima generación. ¡Es rápido!
- [![Nodejs][node-badge]][node-url] - Node.js is a free, open source, cross-platform JavaScript runtime.
- [![MongoDB][MongoDB-badge]][MongoDB-url] - NoSQL, document-oriented, open source database system
- [![Chakra-UI][chakra-badge]][chakra-url] - A utility-first CSS framework for rapidly building custom designs.
- [![JWT][JWT-badge]][JWT-url]
-
[vite-url]: https://vitejs.dev/guide/
[node-url]: https://nodejs.org/en
[tailwind-url]: https://tailwindcss.com/
[chakra-url]: https://chakra-ui.com/getting-started
[JWT-url]: https://jwt.io/libraries
[vite-badge]: https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white
[node-badge]: https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white
[JWT-badge]: https://img.shields.io/badge/JWT-black?style=for-the-badge&logo=JSON%20web%20tokens
[chakra-badge]: https://img.shields.io/badge/chakra-%234ED1C5.svg?style=for-the-badge&logo=chakraui&logoColor=white
[MongoDB-badge]: https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white
[MongoDB-url]: https://mongoosejs.com/docs/