Han2 ro/docs/write readme (#57)

* Update README.md

Co-authored-by: Jonas <jonas@bulik.dev>

Author: Han2-Ro

.env.example

@@ -1,2 +1,2 @@
-DATABASE_URI=mongodb://127.0.0.1/payload-template-blank
+DATABASE_URI=mongodb://127.0.0.1/website-cms
 PAYLOAD_SECRET=YOUR_SECRET_HERE

README.md

@@ -1,50 +1,73 @@
-# Payload Blank Template
+# CMS for YoungVision.org - Built with Payload CMS
+
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
 [![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
-A blank template for [Payload](https://github.com/payloadcms/payload) to help you get up and running quickly. This repo may have been created by running `npx create-payload-app@latest` and selecting the "blank" template or by cloning this template on [Payload Cloud](https://payloadcms.com/new/clone/blank).
-
-See the official [Examples Directory](https://github.com/payloadcms/payload/tree/main/examples) for details on how to use Payload in a variety of different ways.
-
-## Development
+This is the content management system (CMS) for [youngvision.org](https://www.youngvision.org/) ([repository](https://github.com/YoungVision-eV/website)), built using [Payload CMS](https://payloadcms.com/). It is currently used to create and manage the events displayed on our website.
 
-To spin up the project locally, follow these steps:
+## 📦 Prerequisites
 
-1. First clone the repo
-1. Then `cd website-cms && cp .env.example .env`
-1. Next `pnpm install && pnpm run dev` (or `docker-compose up`, see [Docker](#docker))
-1. Now `open http://localhost:3000/admin` to access the admin panel
-1. Create your first admin user using the form on the page
+Before you begin, ensure you have the following installed:
+- Node.js (v16 or higher)
+- pnpm
+- docker / podman
 
-That's it! Changes made in `./src` will be reflected in your app.
+## 🏃 Getting Started
 
-### Docker
+1. **Clone the repository**
+   ```bash
+   git clone https://github.com/YoungVision-eV/website-cms.git
+   cd website-cms
+   ```
 
-Alternatively, you can use [Docker](https://www.docker.com) to spin up this project locally. To do so, follow these steps:
+1. **Install dependencies**
+   ```bash
+   pnpm install
+   ```
 
-1. Follow [steps 1 and 2 from above](#development), the docker-compose file will automatically use the `.env` file in your project root
-1. Next run `docker-compose up`
-1. Follow [steps 4 and 5 from above](#development) to login and create your first admin user
+1. **Environment Setup**
+   - Copy the `.env.example` file to `.env`
 
-That's it! The Docker instance will help you get up and running quickly while also standardizing the development environment across your teams.
+1. **MongoDB Setup**
+   - Start MongoDB for example with Docker:
+     ```bash
+     docker run --name mongodb-website-cms -p 27017:27017 mongo:latest
+     ```
+   - If needed update the `DATABASE_URI` in the `.env` file
 
-## Production
+1. **Development**
+   - Start the development server:
+     ```bash
+     pnpm dev
+     ```
+   - The CMS will be available at `http://localhost:3000/admin`
 
-To run Payload in production, you need to build and serve the Admin panel. To do so, follow these steps:
+1. **Build for Production**
+   ```bash
+   pnpm build
+   ```
 
-1. First invoke the `payload build` script by running `pnpm run build` in your project root. This creates a `./build` directory with a production-ready admin bundle.
-1. Then run `pnpm run serve` to run Node in production and serve Payload from the `./build` directory.
+1. **Start Production Server**
+   ```bash
+   pnpm serve
+   ```
 
-### Deployment
+## 📂 Folder Structure
 
-The easiest way to deploy your project is to use [Payload Cloud](https://payloadcms.com/new/import), a one-click hosting solution to deploy production-ready instances of your Payload apps directly from your GitHub repo. You can also deploy your app manually, check out the [deployment documentation](https://payloadcms.com/docs/production/deployment) for full details.
+- `src/collections/` - Collection definitions
+- `src/seed/` - Script and media for seeding sample data
+- `src/payload.config.ts` - Payload configuration
+- `src/server.ts` - Express server
 
-## Questions
+## 📜 Scripts
 
-If you have any issues or questions, reach out to us on [Discord](https://discord.com/invite/payload) or start a [GitHub discussion](https://github.com/payloadcms/payload/discussions).
+- `pnpm dev` - Start development server
+- `pnpm build` - Build for production
+- `pnpm serve` - Start production server
+- `pnpm generate:types` - Generate TypeScript types (which are used in the [Frontend](https://github.com/YoungVision-eV/website/blob/main/src/data/payload-types.ts))
 
-## Contributors ✨
+## ✨ Contributors 
 
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
 
@@ -66,4 +89,4 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
-This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!