Skip to content

yumikodev/social-network-client

Repository files navigation

Social Network (Client)

Esta es la aplicación de web de una "red social" (esto fue hecho con fines prácticos y no esta destinado para ir a producción). Para su funcionamiento se utiliza la siguiente API.

Para la creación de esta aplicación se utilizaron las siguientes tecnologías: Axios, SWR, TailwindCSS, Vite con React, Gravatar y Timeago.js

Nota: La API fue adaptada para que funcionara específicamente con esta Web, pero incluye algunas prácticas que no recomendaría hacer en una aplicación, como enviar datos sencibles (emails).

Tabla de contenido

Vista previa

Example 1 Example 2 Example 3

Configuración

Para que el proyecto funcione correctamente, debemos pasarle la dirección de la API (URL) en una variable de entorno. Para eso copiaremos el contenido dentro de .env.example en un nuevo archivo .env o .env.local.

VITE_API_URL="http:https://localhost:3000"

Usted deberá reemplazar ese valor por la URL en donde se encuentre el Backend.

Inicialización

Ya con las variables de entorno configuradas, solo queda instalar las dependencias y iniciar el servidor.

Recuerda que eres libre de usar tu gestor de paquetes de preferencia (Yarn, pnpm, etc).

Instalar dependencias

npm install

Iniciar el servidor

npm run dev

Esto abrirá un servidor web en el puerto 3001.