dochash-frontend Svelte Themes

Dochash Frontend

Modern web application for document registration and verification. Svelte-based interface with drag-and-drop file upload, real-time verification, and responsive design. Containerized with Docker and Nginx for production deployment

dochash - Document Management on Blockchain

dochash is an application for registering and verifying documents on blockchain. The application allows uploading PDF documents, registering them on blockchain and checking their authenticity.

Technologies

  • Frontend: Svelte, SCSS
  • Blockchain: Polygon, Web3
  • Build: Vite
  • Containerization: Docker, Nginx

Architecture

The application is built on Svelte modular architecture foundation

  • Separation of logic, markup and styles into separate files
  • HTML markup with minimal script in main component
  • Business logic extraction into separate JavaScript modules
  • Style isolation in separate CSS files with :global for globals

Functionality

Document Registration

  • PDF file upload through drag-and-drop or file selection
  • Document processing and hash creation
  • Hash recording to blockchain
  • Confirmation receipt and identifier for verification

Document Verification

  • Document verification by hash
  • Document verification by ID
  • Document verification by file
  • Verification results display

Project Launch

Development

# Dependencies installation
yarn

# Development mode launch
yarn dev

Build

# Production build
yarn build

# Built application preview
yarn preview

Docker

# Docker image build
docker build -t dochash .

# Container launch
docker run -p 80:80 dochash

Project Structure

/
├── public/             # Static files
├── src/
│   ├── components/     # Svelte components
│   ├── config/         # Configuration
│   ├── helpers/        # Helper functions
│   ├── styles/         # SCSS styles
│   ├── App.svelte      # Root component
│   └── main.js         # Entry point
├── Dockerfile          # Docker configuration
├── index.html          # HTML template
├── nginx.conf          # Nginx configuration
├── package.json        # Dependencies and scripts
└── vite.config.js      # Vite configuration

Top categories

Loading Svelte Themes