https://github.com/kenkyoo/blog-app

Un blog dinámico que permite visualizar y crear posts, guardar favoritos y gestionar perfiles de usuario. Usa autenticación con Auth0, un backend con Express y JSON-Server, y un frontend con React y Vite. 🚀 Demo en Vivo
https://github.com/kenkyoo/blog-app

auth0 blog json-server nodejs react tailwindcss

Last synced: about 1 year ago
JSON representation

Un blog dinámico que permite visualizar y crear posts, guardar favoritos y gestionar perfiles de usuario. Usa autenticación con Auth0, un backend con Express y JSON-Server, y un frontend con React y Vite. 🚀 Demo en Vivo

• Host: GitHub
• URL: https://github.com/kenkyoo/blog-app
• Owner: Kenkyoo
• Created: 2025-02-12T19:15:31.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-13T04:08:56.000Z (over 1 year ago)
• Last Synced: 2025-04-11T00:57:24.192Z (about 1 year ago)
• Topics: auth0, blog, json-server, nodejs, react, tailwindcss
• Language: CSS
• Homepage: https://blog-app-sepia-eight.vercel.app
• Size: 2.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
📖 Blog con React, Vite y Express

Un blog dinámico que permite visualizar y crear posts, guardar favoritos y gestionar perfiles de usuario. Usa autenticación con Auth0, un backend con Express y JSON-Server, y un frontend con React y Vite.

🚀 Demo en Vivo

🔹 Frontend en Vercel

🔹 Backend en Render

✨ Características

✅ Autenticación con Auth0

✅ Creación y visualización de posts

✅ Guardar posts en favoritos

✅ Perfiles de usuario con posts publicados

✅ Paginación de posts

🛠️ Tecnologías utilizadas

Frontend

    React con Vite

    React Router DOM

    Axios

    TailwindCSS + DaisyUI

Backend

    Node.js con Express

    JSON-Server para la base de datos

    Axios para la comunicación con la API

📥 Instalación y ejecución

🔧 1. Clonar el repositorio

git clone https://github.com/tu-usuario/tu-repositorio.git

cd tu-repositorio

🖥️ 2. Configurar y ejecutar el backend

cd server  

npm install  

npm start  

🎨 3. Configurar y ejecutar el frontend

cd ../app  

npm install  

npm run dev  

La aplicación estará disponible en http://localhost:5173.

🔑 Configuración de variables de entorno

Crea un archivo .env en la raíz del backend y agrega:

JSON_SERVER_URL=https://tu-json-server-url.com

Para el frontend, configura Auth0 en el archivo .env:

VITE_AUTH0_DOMAIN=dev-tu-dominio.auth0.com  

VITE_AUTH0_CLIENT_ID=tu-client-id  

📌 Rutas de la API

🔹 Obtener posts paginados:

GET /api/posts/:page/:perPage

🔹 Obtener un post por ID:

GET /api/post?id=1

🔹 Obtener posts por usuario:

GET /api/userPosts?user_id=123

🔹 Agregar un nuevo post:

POST /api/addPosts

🔹 Actualizar favoritos:

PATCH /api/favorites/:id