https://github.com/oscarvalenzuela25/blog-basic-front

https://mern-proyecto-blog-personal-front-end.now.sh/
https://github.com/oscarvalenzuela25/blog-basic-front

jwt project react-drag-sorteable react-dropzone react-helmet react-hooks reactjs tinymce-react

Last synced: about 7 hours ago
JSON representation

https://mern-proyecto-blog-personal-front-end.now.sh/

• Host: GitHub
• URL: https://github.com/oscarvalenzuela25/blog-basic-front
• Owner: oscarvalenzuela25
• Created: 2020-05-25T04:35:55.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-07-07T20:11:09.000Z (over 2 years ago)
• Last Synced: 2024-12-17T17:27:34.482Z (29 days ago)
• Topics: jwt, project, react-drag-sorteable, react-dropzone, react-helmet, react-hooks, reactjs, tinymce-react
• Language: JavaScript
• Homepage: https://mern-proyecto-blog-personal-front-end.now.sh
• Size: 2.21 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Proyecto de blog personal

### Front-end

El front-end fue creado con **ReactJs y Hooks**

##### Cosas importantes a destacar del proyecto

* Uso de queryString para poder convertir las urls con buscadores en objetos de js www.example.com/post?page=2&limit=10, devuelve {page=2, limit=10}

* Uso de Context para almacenar datos del usuario y poder usarlos en toda la aplicacion

* Uso de Hook para poder consumir el Context y poder usarlo en cualquier parte de la aplicacion

* Uso de JWT para poder hacer un sistema de login con el localStorage del navegador

* Uso de JWT para poder refrescar el Token de autentificación y seguir dentro de la aplicacion

* Uso de libreria react-dropzone para poder subir una imagen en un drag and drop

* Uso de libreria react-drag-sortable para poder mover objetos dentro de una lista y cambiarle la posicion

* Uso de la libreria tinymce-react, sirve como un editor de texto para la edicion de posts

* Uso de React Helment para manipular todo el header de la aplicacion