ferdeolazabal / react-calendar-frontend

Calendar App - Progressive web app

Home Page:https://ferdeolazabal-calendar.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Calendar PWA app

Demo

Calendar PWA

Backend endpoint

https://react-calendar-backend-ua8h.onrender.com/api

Table of contents

  • Calendar app with React, Redux, React-big-calendar & SweetAlert2 providing a fast, reactive UI with customizable alerts.
  • PWA with a service worker enabling reliable offline access and syncing.
  • Workbox integration implementing caching strategies for fast performance.

Tabla de contenidos

  • Aplicación de calendario con React, Redux, React-big-calendar y SweetAlert2 que proporciona una IU rápida y reactiva con alertas personalizables.
  • PWA con un service worker que permite acceso offline confiable y sincronización.
  • Integración de Workbox implementando estrategias de caché para un rendimiento rápido.

Description

I present an innovative progressive web app (PWA) calendar built with modern technologies. The app has the following features:

  • The front-end is built with React, using Redux for state management. For calendar display, the React-big-calendar library is used, which provides flexible components for this purpose.

  • For notifications and alerts, the SweetAlert2 library is used, allowing easy customization of attractive dialog boxes.

  • The app is optimized to work offline and provide an excellent user experience in this mode, thanks to the use of a service worker. This allows calendar information access even without a connection.

  • For service worker implementation and caching strategies, Workbox is used. This library greatly simplifies the process of creating reliable, fast PWAs.

  • In summary, this is a calendar app with a modern, functional interface and advanced features, which leverages the latest in progressive web technologies to deliver a superior user experience, both online and offline. I would be glad to discuss more details about this project.

Descripción

Presento una innovadora aplicación web progresiva (PWA) de calendario desarrollada con tecnologías modernas. La aplicación cuenta con las siguientes características:

  • El front-end está construído con React, haciendo uso de Redux para el manejo del estado de la aplicación. Para la visualización del calendario se utiliza la biblioteca React-big-calendar, que provee componentes flexibles para este propósito.

  • Para las notificaciones y alertas se usa la biblioteca SweetAlert2, que permite personalizar fácilmente cuadros de diálogo atractivos.

  • La aplicación está optimizada para funcionar offline y brindar una excelente experiencia de usuario en este modo, gracias al uso de un service worker. Esto permite el acceso a la información del calendario incluso sin conexión.

  • Para la implementación del service worker y las estrategias de almacenamiento en cache se utiliza Workbox. Esta biblioteca simplifica en gran medida el proceso de crear PWAs confiables y rápidas.

  • En resumen, se trata de una aplicación de calendario con interfaz moderna y funcionalidades avanzadas, que aprovecha lo último en tecnologías web progresivas para entregar una experiencia de usuario superior, tanto online como offline. Sería un gusto poder discutir más detalles sobre este proyecto.

Available Scripts

To install dependencies, run:

yarn install

To run the app in development mode, run:

yarn start

Open http://localhost:3000 to view it in the browser.

To build the app for production, run:

yarn build

This project was bootstrapped with Create React App.

About

Calendar App - Progressive web app

https://ferdeolazabal-calendar.vercel.app/


Languages

Language:JavaScript 87.1%Language:CSS 6.6%Language:HTML 6.3%