evento

evento

evento 는 전통적인 펜과 종이 방식을 빠르고 효율적인 디지털 솔루션으로 대체하여 대학 행사의 출석 추적을 간소화하고 현대화하도록 설계된 프로그레시브 웹 앱(PWA)입니다.

특징

• PWA(프로그레시브 웹 앱) : 모든 기기에 설치 가능하고 오프라인으로 액세스할 수 있어 네이티브 앱과 유사한 원활한 사용자 경험을 제공합니다.
• QR 코드 스캔 : 학생 ID QR 코드를 빠르게 스캔하여 출석을 즉시 기록합니다.
• 실시간 데이터 : 정확한 최신 출석 기록을 위한 즉각적인 업데이트 및 데이터 동기화.
• 사용자 역할 및 권한 : 보안 및 적절한 데이터 관리를 보장하기 위해 제한된 기능을 가진 기본 관리자, 보조 관리자 및 임원에 대한 다양한 액세스 수준이 있습니다.
• 알림 및 경고 : 출석 관련 이벤트 및 잠재적인 문제에 대한 사용자 정의 알림입니다.
• 반응형 디자인 : 데스크톱, 태블릿, 스마트폰 등 모든 기기에서 사용성을 보장하는 완전한 반응형 디자인입니다.

스크린샷

모노레포

설치

evento 설치하고 사용하려면 다음 단계를 따르세요.

1. 저장소 복제 :

   git clone https://github.com/domsdano/events-attendance.git

2. 프로젝트 디렉토리로 이동합니다 .

    cd evento

3. 종속성 설치 :

   npm install

4. 앱 실행 :

   npm start

5. 프로덕션용 앱 구축 :

   npm run build

6. 앱 배포 : 선호하는 방법에 따라 빌드된 앱을 웹 서버 또는 호스팅 서비스에 배포합니다.

용법

1. 로그인 : 관리자와 임원은 자신의 자격 증명을 사용하여 로그인합니다.
2. QR코드 스캔 : 내장된 QR코드 스캐너를 이용해 학생증을 스캔하여 출석여부를 확인할 수 있습니다.
3. 출석기록 조회 : 실시간 출석 데이터를 확인하고 관리할 수 있습니다.
4. 알림 : 출석 관련 이벤트에 대한 알림 및 알림을 받습니다.
5. 사용자 관리 : 사용자를 관리하고 적절한 역할과 권한을 할당합니다.

사용된 기술

• React : 사용자 인터페이스를 구축하기 위한 것입니다.
• Tailwind CSS : 애플리케이션 스타일을 지정합니다.
• shadcn : 접근 가능한 구성 요소용입니다.
• Zustand : 상태 관리를 위해.
• React Query : 데이터 가져오기 및 캐싱용입니다.
• Html5Qrcode : QR 코드 스캔용입니다.
• React Toastify : 알림 및 경고용.
• TypeScript : 유형 안전성과 더 나은 개발자 경험을 위한 것입니다.
• 프레이머 모션 : 부드러운 애니메이션과 전환을 위한 것입니다.

기여

evento 개선을 위한 기여를 환영합니다! 아이디어, 제안 또는 버그 보고서가 있는 경우 문제를 열거나 끌어오기 요청을 제출하세요.

1. 저장소 포크 :

   git fork https://github.com/domsdano/events-attendance.git

2. 새 지점 만들기 :

   git checkout -b feature/your-feature-name

3. 변경 사항 커밋 :

   git commit -m " Add your commit message "

4. 지점으로 푸시 :

   git push origin feature/your-feature-name

5. 풀 요청 열기 : 변경 사항을 설명하고 검토를 위해 풀 요청을 제출합니다.