chainkRemit_frontend is the user-facing web application for chainkRemit, a platform designed to global remittances and microfinance by combining blockchain scalability, smart contract automation, and AI-driven insights. Tailored for migrant workers and underbanked communities, the platform allows users to send money, access microloans, and join community-based savings groups with minimal fees and near-instant settlements. By leveraging the power of Stellar, chainkRemit offers a secure, decentralized alternative to traditional remittance and lending services, dramatically reducing reliance on banks and high transaction costs. facilitate seamless and secure international money transfers. Built with Next.js, it leverages the power of React for building dynamic user interfaces with features like server-side rendering and excellent developer experience. This documentation serves as the central guide for developers looking to understand, contribute to, or deploy this frontend application.
Follow these steps to get the project running on your local machine:
-
Prerequisites:
-
Clone the Repository:
git clone https://github.com/MetroLogic/ChainkRemit_frontend cd ChainkRemit_frontend -
Install Dependencies: Using npm:
npm install
Or using Yarn:
yarn install
-
Run the Development Server: Using npm:
npm run dev
Or using Yarn:
yarn dev
This will start the development server, and you can view the application in your browser at
http://localhost:3000.
Here's a breakdown of the npm scripts or build commands available in this project:
dev: Starts the Next.js development server with hot-reloading athttp://localhost:3000.build: Creates an optimized production build of your application in the.nextdirectory.start: Starts the Next.js production server. Ensure you runnpm run buildfirst.lint: Runs the ESLint linter to identify and report on potential code style issues.lint:fix: Automatically attempts to fix some of the linting issues reported by ESLint.test: Runs the project's test suite (if configured).test:watch: Runs the test suite in watch mode, re-running tests on file changes (if configured).format: Runs Prettier to automatically format your code according to the project's code style.
Here's a high-level overview of the project's directory structure:
chainkRemit_frontend/
β
βββ .github/ # GitHub-specific configurations (e.g., workflows, issue templates)
βββ public/ # Static files like images and favicons
βββ src/
β βββ app/ # Next.js App Router directory (entry point and routes)
β βββ components/ # Reusable UI components
β βββ hooks/ # Custom React hooks
β βββ services/ # API service functions
β βββ utils/ # Utility/helper functions
β
βββ .gitignore # Git ignored files and folders
βββ LICENSE # Project license
βββ next.config.js # Next.js configuration file
βββ package.json # Project dependencies and scripts
βββ package-lock.json # Exact versions of installed dependencies
βββ postcss.config.mjs # PostCSS configuration for TailwindCSS
βββ README.md # Project documentation
βββ tsconfig.json # TypeScript configurationnpm run build
yarn build
Please treat all maintainers and other contributors with respect. We strive to maintain a welcoming, inclusive, and collaborative environment for everyone.