📝 docs: Add READMEs and update project documentation

- Introduced README.md files for the main project, desktop, and web apps, providing a comprehensive overview, getting started instructions, and features of ScreenLink.
- Enhanced visual appeal of READMEs with badges, structured content, and links to the project website.
- Removed outdated content and streamlined the setup instructions to improve clarity and user guidance

Author: mangledbottles

README.md

@@ -0,0 +1,15 @@
+<div align="center">
+<h1 align="center">
+<img src="./assets/screenlink.svg" width="100" />
+<br>ScreenLink - Open Source Screen Sharing</h1>
+<h3>🚀 The Open Source Alternative to Loom</h3>
+<h3>🌐 Available on MacOS, Windows, & Linux</h3>
+<h3>🔗 Get started at <a href="https://screenlink.io">ScreenLink.io</a></h3>
+
+<p>This repository contains two main projects:</p>
+<ul>
+  <li><b>Desktop Application:</b> <code>apps/desktop</code></li>
+  <li><b>Web Platform:</b> <code>apps/web</code></li>
+</ul>
+
+</div>

apps/desktop/README.md

@@ -2,8 +2,7 @@
 <h1 align="center">
 <img src="./src/assets/screenlink.svg" width="100" />
 <br>ScreenLink Desktop</h1>
-<h3>◦ ScreenLink is the Open Source Loom Alternative.</h3>
-<h3>◦ Link Your World, Expand Your Screen!</h3>
+
 
 <p align="center">
 <img src="https://img.shields.io/badge/electronbuilder-FFFFFF.svg?style=flat-square&logo=electron-builder&logoColor=black" alt="electronbuilder" />
@@ -40,7 +39,6 @@
   - [🤖 Running screenlink-desktop](#-running-screenlink-desktop)
 - [🤝 Contributing](#-contributing)
     - [*Contributing Guidelines*](#contributing-guidelines)
-- [📄 License](#-license)
 
 ---
 
@@ -51,8 +49,6 @@ ScreenLink is the Open Source Loom Alternative. Get started at [ScreenLink.io](h
 
 Screenlink Desktop is an Electron-based desktop application that offers user-friendly screen and webcam recording capabilities. The application provides device code retrieval, updates management, permissions handling, screen recording, webcam handling, and selection of audio and camera sources. Users can additionally manage audio and camera settings conveniently within the app. Written in TypeScript and employing React JS for the frontend, it features efficient linting with ESLint, and uses PostCSS and Tailwind CSS for polished presentation and interactivity, making it a feature-packed solution for screen recording needs.
 
-There is a NextJS web and API Github that manages user accounts, video uploads and the landing page available here: [screenlink-web](https://github.com/mangledbottles/screenlink-web)
-
 ---
 
 ## 📦 Features
@@ -148,12 +144,12 @@ There is a NextJS web and API Github that manages user accounts, video uploads a
 
 1. Clone the screenlink-desktop repository:
 ```sh
-git clone https://github.com/mangledbottles/screenlink-desktop
+git clone https://github.com/mangledbottles/screenlink
 ```
 
 2. Change to the project directory:
 ```sh
-cd screenlink-desktop
+cd screenlink/apps/desktop
 ```
 
 3. Install the dependencies:
@@ -212,11 +208,4 @@ Once your PR is reviewed and approved, it will be merged into the main branch.
 
 </details>
 
----
-
-## 📄 License
-
-
-This project is protected under the [SELECT-A-LICENSE](https://choosealicense.com/licenses) License. For more details, refer to the [LICENSE](https://choosealicense.com/licenses/) file.
-
 ---

apps/web/README.md

@@ -1,38 +1,77 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+<div align="center">
+<h1 align="center">
+<img src="./public/assets/screenlink.svg" width="100" />
+<br>ScreenLink Web</h1>
 
-## Getting Started
+<p align="center">
+<img src="https://img.shields.io/badge/Next.js-000000.svg?style=flat-square&logo=Next.js&logoColor=white" alt="Next.js" />
+<img src="https://img.shields.io/badge/React-61DAFB.svg?style=flat-square&logo=React&logoColor=black" alt="React" />
+<img src="https://img.shields.io/badge/TypeScript-3178C6.svg?style=flat-square&logo=TypeScript&logoColor=white" alt="TypeScript" />
+<img src="https://img.shields.io/badge/Tailwind_CSS-38B2AC.svg?style=flat-square&logo=Tailwind-CSS&logoColor=white" alt="Tailwind CSS" />
+<img src="https://img.shields.io/badge/Vercel-000000.svg?style=flat-square&logo=Vercel&logoColor=white" alt="Vercel" />
+</p>
 
-First, run the development server:
+<p align="center">
+<a href="https://screenlink.io">Visit ScreenLink.io</a>
+</p>
 
+</div>
+
+---
+
+## 📖 Table of Contents
+
+- [📖 Table of Contents](#-table-of-contents)
+- [📍 Overview](#-overview)
+- [🚀 Getting Started](#-getting-started)
+- [🔧 Installation](#-installation)
+- [📦 Features](#-features)
+- [🤝 Contributing](#-contributing)
+
+---
+
+## 📍 Overview
+
+ScreenLink Web is the web platform for ScreenLink, the open-source alternative to Loom for screen recording. It manages user accounts, video uploads, and serves as the landing page for new users. Built with Next.js, it leverages the best of React and server-side rendering for a fast and seamless user experience.
+
+---
+
+## 🚀 Getting Started
+
+To run the development server:
 ```bash
-npm run dev
-# or
 yarn dev
-# or
-pnpm dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+Visit [http://localhost:3000](http://localhost:3000) to view the application.
 
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+## 🔧 Installation
 
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+1. Clone the repository:
+```bash
+git clone https://github.com/mangledbottles/screenlink
+```
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 
-## Learn More
+2. Install dependencies:
+```bash
+   cd screenlink/apps/web && yarn
+```
+
 
-To learn more about Next.js, take a look at the following resources:
+3. Start the development server:
+```bash
+yarn dev
+```
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+## 📦 Features
 
-## Deploy on Vercel
+- **User Account Management:** Sign up, sign in, and manage user profiles.
+- **Video Uploads:** Upload and manage screen recordings.
+- **Landing Page:** Informational landing page for new users.
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+## 🤝 Contributing
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+Contributions are welcome! Check out the [issues](https://github.com/mangledbottles/screenlink-web/issues) or submit a pull request.