Live at 🔴 - https://complycube-react-typescript.netlify.app
This project integrates the ComplyCube API with a custom verification flow using a React frontend and a TypeScript/Node.js/Express backend. The application handles identity verification, including document upload and live photo.
- React: For building the user interface
- TypeScript: For type safety and better development experience
- Tailwind CSS: For utility-first CSS styling
- ShadCN UI: For reusable and customizable UI components
- Vite: Blazing fast frontend build tool build tool and development server
- Node.js: JavaScript runtime environment for server-side operations
- TypeScript: For type safety and development consistency on the backend
- Express.js: A fast and minimal web framework for handling HTTP requests
- Jest: For unit and integration testing
- Helmet: For securing HTTP headers
- Identity verification for individuals
- Input validation for phone number, email, and personal details
- Frontend user flow to submit data for verification
- Backend API that integrates with the ComplyCube verification system
-
Navigate to the frontend directory:
cd comply-cube-ui -
Install the dependencies:
npm install
-
Start the frontend development server:
npm run dev
The frontend will be available at http://localhost:5173.
-
Navigate to the backend directory:
cd comply-cube-api -
Install the dependencies:
npm install
-
Start the backend server:
npm run start
The backend will be available at http://localhost:3001.
Make sure to set the following environment variables in both the frontend and backend:
-
Frontend: For handling API requests to the backend
REACT_APP_API_URL: The URL of your backend server (e.g.,http://localhost:3001)
-
Backend: For ComplyCube integration
COMPLYCUBE_API_KEY: Your ComplyCube API key
This project is licensed under the MIT License - see the LICENSE file for details.