Adasa is a modern and responsive photography blog web application built with Angular and Tailwind CSS.
The project focuses on clean content presentation, smooth navigation, and an elegant dark UI inspired by professional publishing platforms.
🔗 Live Website: https://ziadshaaban1234.github.io/Adasa/
📂 Source Code: https://github.com/ziadshaaban1234/Adasa.git
- 📝 Dynamic blog posts rendered from JSON data
- 🏷️ Category-based article filtering
- 📖 Dedicated single post pages with structured content
- 👥 Authors section with avatars and roles
- 🌙 Clean and modern dark UI
- 📱 Fully responsive layout for all screen sizes
- ⚡ Fast and lightweight Angular frontend
- Framework: Angular
- Styling: Tailwind CSS
- Icons: Font Awesome
- Data Source: Static JSON files
- Routing: Angular Router
- Architecture: Component-based SPA
- Photography-focused blog homepage
- Clean article cards and reading layout
- Single post view with formatted sections
- About page with mission and authors showcase
- Privacy policy and terms pages
Adasa/
├── docs/
├── public/
│ └── assets/
│ └── data/
│ └── posts.json
├── src/
│ ├── app/
│ │ ├── components/
│ │ │ ├── home
│ │ │ ├── blog
│ │ │ ├── post
│ │ │ ├── posts-cards
│ │ │ ├── about
│ │ │ ├── navbar
│ │ │ ├── footer
│ │ │ ├── privacy
│ │ │ └── terms
│ │ ├── app.routes.ts
│ │ ├── app.component.ts
│ │ └── app.config.ts
│ ├── assets/
│ │ └── users/
│ ├── index.html
│ ├── main.ts
│ └── styles.css
├── angular.json
├── package.json
├── README.md
└── tsconfig.json