krlospk/algora-ct

Real Time Chat using Astro

AlgoraCT

Visit the site at the following link

📺 Screens

• Landing Page

• Login

• Private Chat

• Friends / Friend Requests

• Global Chat

🚀 Technologies

• Mobile First
• Atomic design
• Loading y Skeleton
• Predictable state container (Zustand)
• Route protection
• Unit Testing (Vitest)
• Token authentication saved in cookies
• Validations with Regex
• Filters
• Lazy loading
• Web Sockets
• IA Integration
• Login and Register
• Debouncer
• Kanban
• Lazy loading
• View Transitions
• Monolithic architecture
• NoSQL (MongoDB)
• AWS Lambda
• Responsive Design

Install

pnpm install or npm install

Usage

pnpm dev or npm run dev

open http://localhost:4321/

Run tests

pnpm test

👨🏻‍💻 Authors

👤 Carlos Morales

• Website: https://krlospk.github.io/
• Github: @KrlosPK
• LinkedIn: @Carlos Morales

👤 Stiven Blandón

• Website: https://portfolio-conanghs.netlify.app
• Github: @ConanGH-S
• LinkedIn: @Stiven Blandón Urrego

👤 Stiven Benjumea

• Website: https://stbenji.netlify.app
• Github: @STBenji
• LinkedIn: @Stiven Benjumea Morales

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check issues page.

💖 Show your support

Give us a ⭐️ if you liked this project!

🛠️ Stack

• - The web framework for content-driven websites.
• - JavaScript with syntax for types.
• - A utility-first CSS framework for rapidly building custom designs.

algora-ct's Issues

Componente Features.astro genera errores responsivos con la pagina del index.astro

Pre-requisitos

• [ ✅ ] Estoy corriendo la última versión.
• [ ✅ ] He revisado si ya hay un issue creado con las mismas características.

Comportamiento esperado

Se espera que la sección de la página web que se está creando sea responsiva en cualquier tipo de dispositivo

Comportamiento actual

Se hace "scroll" horizontal en dispositivos como galaxy fold

Información del bug (si corresponde)

Posiblemente trate de un error de diseño para pantallas más pequeñas

Pasos para reproducirlo

1. Tener el componente de Features dentro del index.astro
2. Abrir el proyecto
3. Activar el device bar dentro de la consola de tu navegador
4. Poner las reglas del galaxy fold

Contexto

• Navegador: Brave
• Versión del navegador: v1.63.174
• Sistema operativo: Windows

Logs de error (si corresponde)