Skip to content

devangspsingh/react-quick-attendance-taker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Attendance to Text

This project is a React application that allows users to manage student attendance records and export them as text or PDF files. It provides a user-friendly interface for searching and viewing student records, as well as options for exporting the records in different formats.

Live Demo

https://devangspsingh.github.io/react-quick-attendance-taker/

Features

  • Search and filter student records
  • Export attendance records as text or PDF files
  • Responsive design for mobile and desktop devices

Export Options

The application provides the following export options for attendance records:

  • Text: Export attendance records as plain text files.
  • PDF: Export attendance records as PDF files.

Installation

  1. Clone the repository: git clone https://github.com/devangspsingh/react-quick-attendance-taker.git
  2. Navigate to the project directory: cd react-quick-attendance-taker
  3. Install dependencies: npm install

Usage

  1. Start the development server: npm start
  2. Open your web browser and visit http://localhost:3000 to access the application.

Dependencies

  • React: A JavaScript library for building user interfaces.
  • ReactDOM: A package for rendering React components in the DOM.
  • @headlessui/react: A set of accessible UI components for React.
  • react-icons: A library of icons for React applications.
  • @react-pdf/renderer: A library for generating PDF documents in React.

Contributing

Contributions are welcome! If you have any suggestions or find any issues, please open an issue or submit a pull request.