pyaephyokyaw61194 / bloxk-address

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Technical Documentation

Website Overview

Site Address

• Backend: https://github.com/PyaePhyoKyaw61194/bloxk-address-be

Infrastructure

• Frontend: Next.js
• Backend: Nest.js
• Database: MongoDB
• Deployment: Railway (with CI/CD)

Features

1. Address Submission: Users can submit blockchain addresses via a form.
2. Data Storage: Submitted addresses are stored in MongoDB via the backend.
3. CSV Export: Users can download a CSV file containing all submitted addresses.

Frontend Implementation

Workflow

1. Form Handling:

   • Uses a simple form via the Formik library.
   • Simultaneously checks for validation as the user inputs data.
   • Validation schema is generated by Yup.
   • Validation-related error messages are displayed below the corresponding input fields.

2. API Requests:

   • Each request is handled by separate hooks for the module.
   • Utilizes a generic fetcher for handling all API requests.
   • Exceptions from API calls are shown as error toasts with messages from the backend.