Skip to content

Commit 773d714

Browse files
authored
Merge pull request #27 from scalefocus/feature/add-documentation
Adding developer documentation
2 parents 18d8d11 + b1dbac7 commit 773d714

File tree

11 files changed

+6767
-0
lines changed

11 files changed

+6767
-0
lines changed

ā€Ždocs/README.mdā€Ž

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
# PhotoPixels Web - Developer Documentation
2+
3+
Welcome to the PhotoPixels Web application documentation. This comprehensive guide will help you understand, develop, deploy, and maintain the PhotoPixels web frontend.
4+
5+
## šŸ“š Documentation Index
6+
7+
### Getting Started
8+
9+
- **[Getting Started Guide](./getting-started.md)** - Setup your development environment and run the application locally
10+
11+
### Architecture & Development
12+
13+
- **[Architecture Overview](./architecture.md)** - Application structure, design patterns, and technical stack
14+
- **[Development Guide](./development-guide.md)** - Coding standards, workflows, and best practices
15+
- **[Component Guide](./component-guide.md)** - Detailed component documentation and usage examples
16+
- **[API Integration](./api-integration.md)** - Backend API integration and data fetching patterns
17+
18+
### Deployment & Operations
19+
20+
- **[Deployment Guide](./deployment.md)** - Production deployment instructions
21+
- **[Docker Guide](./docker.md)** - Docker configuration and containerization
22+
- **[CI/CD Pipeline](./cicd.md)** - Automated build and deployment pipeline
23+
- **[Configuration](./configuration.md)** - Environment variables and configuration options
24+
25+
### Maintenance
26+
27+
- **[Troubleshooting](./troubleshooting.md)** - Common issues and solutions
28+
- **[Testing Guide](./testing.md)** - Testing strategies and examples
29+
30+
## šŸš€ Quick Start
31+
32+
```bash
33+
# Clone the repository
34+
git clone https://github.com/your-org/photopixels-web.git
35+
cd photopixels-web
36+
37+
# Install dependencies
38+
npm install
39+
40+
# Configure environment
41+
cp .env.example .env
42+
# Edit .env with your API server URL
43+
44+
# Start development server
45+
npm start
46+
```
47+
48+
## šŸ—ļø Technology Stack
49+
50+
| Category | Technology |
51+
| -------------------- | ------------------------------------ |
52+
| **Framework** | React 18.2 with TypeScript |
53+
| **UI Library** | Material-UI (MUI) 5.14 |
54+
| **State Management** | React Query (TanStack Query) 5.8 |
55+
| **Routing** | React Router 6.18 |
56+
| **HTTP Client** | Axios 1.6 |
57+
| **Build Tool** | React Scripts 5.0 (Create React App) |
58+
| **Container** | Docker with Nginx |
59+
| **CI/CD** | GitHub Actions |
60+
61+
## šŸ“‹ Project Overview
62+
63+
PhotoPixels is a web-based photo management application that allows users to:
64+
65+
- Upload and organize photos and videos
66+
- Create and manage albums
67+
- Mark favorites and manage trash
68+
- User authentication and role-based access control
69+
- Admin dashboard for user management
70+
- Quota management and server monitoring
71+
72+
## šŸ”— Quick Links
73+
74+
- [GitHub Repository](https://github.com/your-org/photopixels-web)
75+
- [Issue Tracker](https://github.com/your-org/photopixels-web/issues)
76+
- [Docker Hub](https://hub.docker.com/r/scalefocusad/photopixels-web)
77+
- [API Documentation](./api-integration.md)
78+
79+
## šŸ“ž Support
80+
81+
For questions, issues, or contributions:
82+
83+
- Open an issue on GitHub
84+
- Check the [Troubleshooting Guide](./troubleshooting.md)
85+
- Review existing documentation
86+
87+
## šŸ“„ License
88+
89+
See the [LICENSE](../LICENSE) file in the project root.
90+
91+
---
92+
93+
**Last Updated**: December 2025

0 commit comments

Comments
Ā (0)
⚔