https://github.com/royhuamanavila/clickgram
Clickgram es mi versión personal del famoso Instagram, donde estoy trabajando arduamente para recrear las funcionalidades esenciales que hacen que las redes sociales sean tan atractivas.
https://github.com/royhuamanavila/clickgram
bootstrap mongodb react typescript
Last synced: about 2 months ago
JSON representation
Clickgram es mi versión personal del famoso Instagram, donde estoy trabajando arduamente para recrear las funcionalidades esenciales que hacen que las redes sociales sean tan atractivas.
- Host: GitHub
- URL: https://github.com/royhuamanavila/clickgram
- Owner: RoyHuamanAvila
- License: mit
- Created: 2023-04-15T17:38:36.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-29T15:34:46.000Z (over 1 year ago)
- Last Synced: 2025-02-26T20:16:09.822Z (over 1 year ago)
- Topics: bootstrap, mongodb, react, typescript
- Language: TypeScript
- Homepage:
- Size: 979 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Clickgram
¡Saludos a todos los curiosos del código y los entusiastas del desarrollo! Me complace presentarles mi proyecto en curso: Clickgram. Este es mi intento de crear un clon de Instagram desde cero, y sí,
soy el único aventurero detrás de esta travesía.
Clickgram es mi interpretación personal de Instagram, donde estoy trabajando para replicar las características básicas que todos conocemos. Mi objetivo es capturar la esencia del compartir fotos y
momentos mientras aprendo en el proceso.
:construction: Proyecto en construcción :construction:
## ⚙️ Tecnologías Destacadas
Estoy construyendo Clickgram utilizando un conjunto de tecnologías modernas:
* **Typescript y React:** Para crear una interfaz de usuario interactiva y eficiente.
* **NestJs:** Proporciona una base sólida para desarrollar la parte del servidor y administrar la lógica del negocio.
* **MongoDB:** Almacena los datos de manera eficiente y escalable.
* **Cloudinary:** Ayuda en la gestión y almacenamiento de imágenes.
* **Formik:** Facilita la creación y validación de formularios en React.
* **Bootstrap:** Agiliza el diseño y la interfaz de usuario.
* **Figma:** Utilizo Figma para dar forma a mis ideas de diseño y mejorar la experiencia visual.
## 🛠️ Abre y ejecuta el proyecto
1. Clonar repositorio.
* Repositorio del Front
```
git clone https://github.com/RoyHuamanAvila/Clickgram.git
```
* Repositorio del Back
```
git clone https://github.com/RoyHuamanAvila/Clickgram-Server.git
```
2. Navegar a la carpeta del proyecto.
```
cd clickgram
```
3. Instala las dependencias del proyecto.
```
npm install
```
4. Abrir con Visual Studio Code.
```
code .
```
5. Puedes probar los test hechos con VITEST.
```
npm run test
```