{"id":27162900,"url":"https://github.com/createunique/secure-payment-platform","last_synced_at":"2026-04-09T07:05:37.552Z","repository":{"id":286752643,"uuid":"962376365","full_name":"createunique/secure-payment-platform","owner":"createunique","description":"A full-featured, scalable, and secure web application built with React, Node.js, and Firebase. It integrates industry-standard payment gateways, provides PCI DSS compliance, and embraces modern tooling for streamlined development.","archived":false,"fork":false,"pushed_at":"2025-04-08T07:18:08.000Z","size":1,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-08T07:38:51.284Z","etag":null,"topics":["firebase","nodejs","payment","react","secure","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/createunique.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-04-08T04:20:06.000Z","updated_at":"2025-04-08T07:18:11.000Z","dependencies_parsed_at":"2025-04-08T07:38:53.672Z","dependency_job_id":"c6f8cc5e-cff8-4f6c-b29c-c9a50c4ffc4b","html_url":"https://github.com/createunique/secure-payment-platform","commit_stats":null,"previous_names":["createunique/secure-payment-platform"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/createunique%2Fsecure-payment-platform","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/createunique%2Fsecure-payment-platform/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/createunique%2Fsecure-payment-platform/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/createunique%2Fsecure-payment-platform/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/createunique","download_url":"https://codeload.github.com/createunique/secure-payment-platform/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247957878,"owners_count":21024774,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","nodejs","payment","react","secure","tailwindcss","typescript"],"created_at":"2025-04-09T01:34:21.902Z","updated_at":"2025-12-30T23:05:10.755Z","avatar_url":"https://github.com/createunique.png","language":"TypeScript","readme":"# Secure Payment Platform\n\nA full-featured, scalable, and secure web application built on React and Node.js. This project integrates industry-standard payment gateways (Stripe, PayPal, etc.) along with Firebase authentication, PCI DSS compliance, encryption, and tokenization best practices. The project follows a modular, microservices-inspired architecture ensuring maintainability and scalability.\n\n## Table of Contents\n\n- [Features](#features)\n- [Tech Stack](#tech-stack)\n- [Installation](#installation)\n- [Configuration](#configuration)\n- [Project Structure](#project-structure)\n- [Development](#development)\n- [Testing](#testing)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Features\n\n- **Secure Transactions:** Implements bank-grade encryption and security best practices for payments.\n- **User Authentication:** Uses Firebase authentication through the [`AuthContext`](src/contexts/AuthContext.tsx).\n- **UI Components:** Reusable components such as the [`Button`](src/components/ui/Button.tsx) component with multiple variants and sizes.\n- **Responsive Design:** Built using Tailwind CSS configured in [`tailwind.config.js`](tailwind.config.js) ensuring responsive layouts.\n- **Routing:** Client-side routing via React Router for pages like Login, Signup, Home, etc.\n- **State Management:** Uses React Context API ([`CartContext`](src/contexts/CartContext.tsx)) for managing shopping cart state.\n- **Modern Tooling:** Bundled with [Vite](vite.config.ts), linted using ESLint ([`eslint.config.js`](eslint.config.js)), and uses TypeScript for type safety.\n\n## Tech Stack\n\n- **Frontend:** React, TypeScript, Tailwind CSS, React Router, Vite\n- **Authentication:** Firebase (configured in [`lib/firebase.ts`](lib/firebase.ts))\n- **Testing:** Vitest, React Testing Library\n- **Code Quality:** ESLint with plugins for React and TypeScript\n- **Version Control:** Git\n- **Deployment:** Configured for static builds with Vite (see [`vite.config.ts`](vite.config.ts))\n\n## Installation\n\n1. **Clone the repository:**\n\n   ```sh\n   git clone https://github.com/createunique/secure-payment-platform.git\n   cd secure-payment-platform\n   ```\n\n2. **Install dependencies:**\n\n   ```sh\n   npm install\n   ```\n\n3. **Environment Variables:**\n\n   Create a `.env` file at the project root with your Firebase configuration:\n\n   ```\n   REACT_APP_FIREBASE_API_KEY=\u003cyour-api-key\u003e\n   REACT_APP_FIREBASE_AUTH_DOMAIN=\u003cyour-auth-domain\u003e\n   REACT_APP_FIREBASE_PROJECT_ID=\u003cyour-project-id\u003e\n   REACT_APP_FIREBASE_STORAGE_BUCKET=\u003cyour-storage-bucket\u003e\n   REACT_APP_FIREBASE_MESSAGING_SENDER_ID=\u003cyour-messaging-sender-id\u003e\n   REACT_APP_FIREBASE_APP_ID=\u003cyour-app-id\u003e\n   ```\n\n## Configuration\n\n- **Vite:** Uses [`vite.config.ts`](vite.config.ts) for build and development settings with module aliasing (e.g., `@/` for `src/`).\n- **TypeScript:** Configured via [`tsconfig.json`](tsconfig.json), [`tsconfig.app.json`](tsconfig.app.json), and [`tsconfig.node.json`](tsconfig.node.json).\n- **Tailwind CSS:** Configured in [`tailwind.config.js`](tailwind.config.js) and integrated via [`postcss.config.js`](postcss.config.js).\n- **Firebase:** Initialization and authentication are handled by [`lib/firebase.ts`](lib/firebase.ts).\n\n## Project Structure\n\n```\nsecure-payment-platform/\n├── .gitignore\n├── LICENSE\n├── package.json\n├── README.md\n├── vite.config.ts\n├── tsconfig.json\n├── tsconfig.app.json\n├── tsconfig.node.json\n├── tailwind.config.js\n├── postcss.config.js\n├── index.html\n├── lib/\n│   └── firebase.ts\n├── src/\n│   ├── App.tsx               // Main application component\n│   ├── index.css             // Global styles (includes Tailwind CSS directives)\n│   ├── main.tsx              // App entry point\n│   ├── vite-env.d.ts\n│   ├── components/\n│   │   ├── Layout.tsx        // Layout component with navigation and footer ([see here](src/components/Layout.tsx))\n│   │   └── ui/\n│   │       └── Button.tsx    // Reusable Button component ([see here](src/components/ui/Button.tsx))\n│   ├── contexts/\n│   │   ├── AuthContext.tsx   // Handles Firebase authentication ([see here](src/contexts/AuthContext.tsx))\n│   │   └── CartContext.tsx   // Manages shopping cart state ([see here](src/contexts/CartContext.tsx))\n│   ├── lib/\n│   │   └── utils.ts          // Utility functions such as [`cn`](src/lib/utils.ts)\n│   ├── pages/\n│   │   ├── HomePage.tsx\n│   │   ├── LoginPage.tsx\n│   │   ├── SignupPage.tsx\n│   │   └── ...               // Other route-specific pages\n│   └── types/\n│       └── index.ts          // Shared TypeScript types ([see here](src/types/index.ts))\n└── database/\n    └── migrations/\n        └── 20250408041824_silver_queen.sql  // Database migration for schema setup\n```\n\n## Development\n\n- **Local Development:**  \n  Run the development server by executing:\n\n  ```sh\n  npm run dev\n  ```\n\n  This uses Vite for fast module reloading and build speed.\n\n- **Linting:**  \n  Run ESLint to catch issues by:\n\n  ```sh\n  npm run lint\n  ```\n\n- **Preview:**  \n  To preview the production build locally:\n  ```sh\n  npm run preview\n  ```\n\n## Testing\n\n- **Unit \u0026 Integration Tests:**  \n  Run tests with:\n  ```sh\n  npm run test\n  ```\n  Tests are configured using Vitest along with React Testing Library.\n\n## Contributing\n\nContributions are welcome. To contribute:\n\n1. Fork the repository.\n2. Create a new branch for your feature or fix.\n3. Write tests and ensure all linting checks pass.\n4. Submit a pull request explaining your changes.\n\nPlease follow the project's existing coding conventions and document any new features.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n\n---\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreateunique%2Fsecure-payment-platform","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcreateunique%2Fsecure-payment-platform","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreateunique%2Fsecure-payment-platform/lists"}