Update README.md

Author: Lukecsharpwalker

README.md

@@ -1,113 +1,66 @@
-# Angular Blog Application
+# Angular Blog Application 
+![GitHub Actions](https://img.shields.io/github/actions/workflow/status/Lukecsharpwalker/angularBlog/ci.yml?branch=main) 
+![Codecov](https://img.shields.io/codecov/c/github/Lukecsharpwalker/angularBlog) 
+![Angular](https://img.shields.io/badge/angular-v19-red) 
+![Supabase](https://img.shields.io/badge/supabase-powered-green) 
+![Playwright](https://img.shields.io/badge/testing-playwright-blue?style=flat-square) 
+![NPM](https://img.shields.io/npm/v/your-package-name?color=blue)
 
 A modern, feature-rich blog application built with Angular 19 and Supabase. This application provides a responsive, user-friendly interface for reading blog posts and an admin panel for content management.
 
+---
+
 ## Features
 
 ### Reader Interface
-
-- **Blog Post Listing**: Browse all published blog posts with previews
-- **Post Details**: View full blog posts with formatted content
-- **Comments System**: Read and add comments to blog posts
-- **Code Highlighting**: Syntax highlighting for code blocks with expandable modal view
-- **Responsive Design**: Optimized for all device sizes using Tailwind CSS and DaisyUI
+- **Blog Post Listing**: Browse all published blog posts with previews.
+- **Post Details**: View full blog posts with formatted content.
+- **Comments System**: Read and add comments to blog posts.
+- **Code Highlighting**: Syntax highlighting for code blocks with expandable modal view.
+- **Responsive Design**: Optimized for all device sizes using Tailwind CSS and DaisyUI.
 
 ### Admin Interface
+- **Authentication**: Secure admin access with Supabase authentication.
+- **Post Management**: Create, edit, and delete blog posts.
+- **Rich Text Editor**: Quill-based editor with support for formatting, images, and code blocks.
+- **Unsaved Changes Protection**: Guards against accidental navigation away from unsaved content.
+
+---
 
-- **Authentication**: Secure admin access with Supabase authentication
-- **Post Management**: Create, edit, and delete blog posts
-- **Rich Text Editor**: Quill-based editor with support for formatting, images, and code blocks
-- **Unsaved Changes Protection**: Guards against accidental navigation away from unsaved content
+## Screenshots
+Add screenshots or GIFs here to showcase the reader and admin interfaces.
+
+---
 
 ## Technologies Used
 
 ### Frontend
-
-- **Angular 19**: Latest version with standalone components and signals
-- **NgRx Signals**: For state management
-- **Tailwind CSS**: For styling with utility classes
-- **DaisyUI**: Component library for Tailwind CSS
-- **Quill Editor**: Rich text editor for content creation
-- **Highlight.js**: Syntax highlighting for code blocks
+- **Angular 19**
+- **NgRx Signals**
+- **Tailwind CSS**
+- **DaisyUI**
+- **Quill Editor**
+- **Highlight.js**
 
 ### Backend
+- **Supabase**: Backend-as-a-Service (PostgreSQL, Authentication, Storage, Functions).
+
+### Development
+- **Angular SSR**
+- **TypeScript**
+- **Webpack Bundle Analyzer**
 
-- **Supabase**: Backend-as-a-Service for:
-  - Database (PostgreSQL)
-  - Authentication
-  - Storage
-  - Serverless Functions
-
-### Development & Deployment
-
-- **Angular SSR**: Server-Side Rendering for improved performance and SEO
-- **TypeScript**: For type-safe code
-- **Webpack Bundle Analyzer**: For optimizing bundle size
-
-## Project Structure
-
-```
-src/
-├── app/
-│   ├── admin/             # Admin interface components and services
-│   ├── auth/              # Authentication components and guards
-│   ├── reader/            # Public blog reading interface
-│   ├── services/          # Shared services
-│   ├── shared/            # Shared components
-│   ├── types/             # TypeScript type definitions
-│   └── utils/             # Utility functions
-├── environments/          # Environment configuration
-└── styles.scss            # Global styles
-```
+---
 
 ## Setup and Installation
 
 ### Prerequisites
-
 - Node.js (v18 or later)
 - npm (v10 or later)
 - Angular CLI (v19 or later)
 
 ### Installation Steps
-
-1. Clone the repository
-   ```bash
-   git clone <repository-url>
-   cd angular-blog-app
-   ```
-
-2. Install dependencies
+1. Clone the repository:
    ```bash
-   npm install
-   ```
-
-3. Set up environment variables
-  - Create a Supabase project at [supabase.com](https://supabase.com)
-  - Update the environment files with your Supabase URL and anon key
-
-4. Run the development server
-   ```bash
-   npm start
-   ```
-
-5. Navigate to `http://localhost:4200/` to view the application
-
-## Building for Production
-
-Run `npm run build` to build the project for production. The build artifacts will be stored in the `dist/` directory.
-
-## Deployment
-
-The application can be deployed to any static hosting service that supports Angular applications with SSR, such as:
-
-- Vercel
-- Netlify
-- Firebase APP Hosting
-
-## Contributing
-
-Contributions are welcome! Please feel free to submit a Pull Request.
-
-## License
-
-This project is licensed under the MIT License - see the LICENSE file for details.
+   git clone https://github.com/Lukecsharpwalker/angularBlog.git
+   cd angularBlog