This is a QR Code Generator web application built using React, Tailwind CSS, React Router DOM, Firebase, React QRCode Logo, React Responsive, and Context API. The web app allows users to create QR codes for various purposes, including vCard, URL, social media profile pages and file downloads (PowerPoint presentations , PDFs, Excel, Word etc, and images).
You can access the live site at get-qr-now
- Authentication (email/password, Google Oauth)
- Light/dark mode toggle
- Generate QR codes for vCard, URL, social media profile pages, all kinds of urls, PowerPoint presentations, PDFs, and images.
- User-friendly interface with a clean and intuitive design.
- Responsive layout to ensure a seamless experience across various devices.
- Save generated QR codes to Firebase for easy retrieval and sharing.
- Context API implementation for efficient state management.
- React: A popular JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapidly styling the application.
- React Router DOM: Enables navigation and routing within the web app.
- Firebase: BaaS provides a real-time database for storing and retrieving QR codes and also for authentication and storage.
- React QRCode Logo: A library for rendering QR codes with custom logos.
- React Responsive: Allows for responsiveness on different screen sizes.
- Context API: For state management within the application.
- Clone the repository: git clone https://github.com/Uyimolo/qr-code-generator.git
- Navigate to the project directory: cd qr-code-generator
- Install dependencies: npm install
- Start the development server: npm start
- Open your browser and visit http://localhost:3000 to access the web app.
We welcome contributions to improve the QR Code Generator web app. If you find any issues or want to add new features, please create a pull request. Before submitting, ensure that your changes are tested and do not break existing functionality.
If you encounter any problems while using the app or have any suggestions for improvement, please feel free to open an issue. We appreciate your feedback and will do our best to provide timely support.