Skip to content

NoaPay is a sleek and responsive digital payment web application. Designed for modern users, it provides seamless transaction experiences, customer reviews, and secure authentication using Firebase. Built with React, Vite, Tailwind CSS, and DaisyUI.

Notifications You must be signed in to change notification settings

ismail-dev-code/noapay

Repository files navigation

NoaPay 💳

NoaPay is a sleek and responsive digital payment web application. Designed for modern users, it provides seamless transaction experiences, customer reviews, and secure authentication using Firebase. Built with React, Vite, Tailwind CSS, and DaisyUI.

🌐 Live Site

👉 Visit NoaPay

📂 Repository

🔗 GitHub Repository

🚀 Features

  • 💳 Digital payment user interface
  • 🔐 Firebase authentication (Login, Register, Google Sign-In)
  • ⭐ Customer reviews section
  • 👤 Profile update system (name, photo, etc.)
  • 🧾 View and manage bill payment details
  • 📄 Responsive footer with contact and social links
  • 🎨 Tailwind CSS and DaisyUI for beautiful UI
  • ⚡ Fast build and development using Vite

❓ Why Should You Choose NoaPay?

  • ✅ Easy and secure payment system
  • 🔒 Reliable authentication with Firebase
  • 🧾 Transparent billing and transaction history
  • 👤 Simple profile customization
  • 📱 Mobile-friendly and responsive interface
  • 🚀 Blazing fast performance using modern web tools

🔄 How Does It Work?

  1. Register/Login using email or Google account.
  2. Update your profile to personalize your account.
  3. Access your dashboard to view your bill history and payment options.
  4. Make payments or review existing transactions.
  5. Explore user reviews to build trust and credibility.

🛠️ Tech Stack

  • Frontend: React, Vite, Tailwind CSS, DaisyUI
  • Authentication: Firebase Auth (Email/Password + Google)
  • Hosting: Firebase Hosting

📦 NPM Packages Used

React Icons Swiper React Toastify

Package Description Link
react-icons Popular icons for React projects npm
swiper Modern mobile touch slider library npm
react-toastify Toast notification system for React npm

🔐 Authentication

  • Email and Password Registration/Login
  • Google Sign-In
  • Firebase Authentication integrated for secure user management

📦 Getting Started

To run this project locally:

git clone https://github.com/programming-hero-web-course1/b11a9-react-authentication-ismail-dev-code.git
cd b11a9-react-authentication-ismail-dev-code
npm install
npm run dev

About

NoaPay is a sleek and responsive digital payment web application. Designed for modern users, it provides seamless transaction experiences, customer reviews, and secure authentication using Firebase. Built with React, Vite, Tailwind CSS, and DaisyUI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published