Update README.md

Author: Aviel-Resnick

README.md

@@ -1,12 +1,32 @@
-# slate
+<div align="center">
 
-A flexible document management interface for educators and learners.
+# Slate
 
-## Recommended IDE Setup
+![Electron.js](https://img.shields.io/badge/Electron-191970?style=for-the-badge&logo=Electron&logoColor=white)
+![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
+![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
+![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
 
-- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
+A flexible document management interface for educators and learners. 
+
+[Features](#features) •
+[Installation](#installation) •
+[Examples](#examples)
+
+</div>
+
+## Features
 
-## Project Setup
+- Integrates with existing filesystems, Google Drive, and Dropbox.
+- Drag-and-drop file organization and live preview.
+- Groups files by designated classes and types.
+- Displays weekly and monthly explorer views. 
+
+## Installation
+
+### Recommended IDE Setup
+
+- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
 
 ### Install
 
@@ -32,3 +52,5 @@ $ npm run build:mac
 # For Linux
 $ npm run build:linux
 ```
+## Examples
+<sup>[(Back to top)](#slate)</sup>