Cryptography Atlas is a small web app for exploring and visualizing cryptography concepts in a clear, approachable way. It’s built with React + Vite and can be run either locally with Node, or fully containerized via Docker.
- 📚 Structured layout for cryptography topics
- ⚡ Fast, modern front-end (Vite + React)
- 🐳 One-command Docker deployment
- 🌐 Ready to host on your own VPS / server
This project is front-end only. If you add any API keys or secrets, be aware that they will be visible in the browser bundle unless you introduce a backend/proxy.
git clone https://github.com/Albert-4096/cryptography-atlas.git
cd cryptography-atlasUsing npm:
npm installnpm run devBy default, Vite runs on http://localhost:5173.
You can run Cryptography Atlas fully containerized using the provided Dockerfile and docker-compose.yml.
Build the image:
docker build -t cryptography-atlas .Run the container:
docker run -d \
--name cryptography-atlas \
-p 8080:80 \
cryptography-atlasNow open:
docker-compose.yml is already configured to:
- Build the app from the local
Dockerfile - Serve it via nginx
- Expose it on port 8183
From the project root:
docker compose up -d --buildThen visit:
To stop everything:
docker compose down-
SSH into your server
ssh user@your-server
-
Clone the repo
git clone git@github.com:Albert-4096/cryptography-atlas.git cd cryptography-atlas -
Start the app
docker compose up -d --build
-
(Optional) Put it behind a reverse proxy (Caddy, Nginx, Traefik, etc.) and point your domain (e.g.
crypto.example.com) to the server. The proxy should forward HTTP traffic tohttp://localhost:8183.
On your server:
cd /path/to/cryptography-atlas
# Pull latest changes
git pull
# Rebuild and restart the container
docker compose up -d --buildFeel free to fork the repo, open issues, or submit pull requests with:
- New cryptography topics
- UI/UX improvements
- Bug fixes or refactors
Enjoy exploring cryptography! 🔐✨