Webapp - peer-network/peer_backend GitHub Wiki

🌐 WebApp — Peer Network

This page documents the Peer Network WebApp, built with a lightweight stack centered on vanilla JavaScript, HTML, and CSS — optimized for fast, portable access across devices.

📱 Project Overview

Developed using HTML5, CSS3, and ES6 JavaScript
No frontend framework — built as a lightweight, framework-free PWA
Communicates with the backend using GraphQL
Backend PHP endpoints assist with HTML routing and caching
Responsive across mobile and desktop views

🧱 Tech Stack

Layer	Technology
Language	JavaScript (ES6+)
Markup & Styling	HTML5, CSS3
API Communication	GraphQL
Backend Support	PHP
State Management	LocalStorage

✅ Implemented Features

✅ User registration and login
✅ Profile view and editing
✅ Post creation and comments
✅ Wallet balance display
✅ Responsive UI across devices

🚫 Not Yet Implemented

❌ Token transfer from wallet
❌ Real-time chat (messaging)
❌ Push notifications
❌ Full text search or filters
❌ Referral system on registration

🧪 Testing

Manual testing done in Chrome, Firefox, Safari
Basic tests located in tests/
End-to-end automation is planned

📁 Project Structure

peer_web_frontend/
├── css/                 # Stylesheets
├── fonts/               # Font files
├── img/                 # Image assets
├── js/                  # JavaScript files (API, logic)
├── json/                # Static JSON data
├── svg/                 # SVG icons
├── tests/               # Test files
├── .vscode/             # Editor config
├── .gitignore
├── .htaccess
├── LICENSE
├── README.md
├── cache.php            # PHP caching script
├── dashboard.php        # Main dashboard (post feed)
├── dashboardheader.html # Header fragment
├── error.txt
├── favicon.ico
├── filter.html
├── host.php
├── login.php
├── meta.php
├── newpost.php
├── phpheader.php
├── phpinfo.php
├── profile.html
├── register.php
├── sw-db.js             # Service worker - DB sync
├── sw.js                # Main service worker
├── sw_instal.js         # SW install handler
├── symbole.html
├── test.html
├── test.tmp
└── testHeader.html

📓 Related Pages

💻 Clients
🤖 Android
🍏 iOS
🏠 Home
📬 GraphQL Schema Overview