Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sekolah-beta-2023/vito_andareas_manik-madia

Madia merupakan website blog yang dimana dengan website ini kita dapat berbagi informasi secara realtime dan melihat tulisan tulisan yang sedang hangat dibicarakan
https://github.com/sekolah-beta-2023/vito_andareas_manik-madia

blog nuxt3 supabase

Last synced: 15 days ago
JSON representation

Madia merupakan website blog yang dimana dengan website ini kita dapat berbagi informasi secara realtime dan melihat tulisan tulisan yang sedang hangat dibicarakan

Awesome Lists containing this project

README

        

![Logo](https://dnzatgrevuzjtvdghuxs.supabase.co/storage/v1/object/public/madia/assets/Happy.png)

# Madia

Madia merupakan website blog yang dimana dengan website ini kita dapat berbagi informasi secara realtime dan melihat artikel-artikel yang sedang hangat dibicarakan.

## Screenshots

| Desktop View | Mobile View |
| :------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------: |
| ![Desktop View]() | ![Mobile View]() |

## Features

- Autentikasi
- Menyukai dan membaca artikel
- Membuat artikel dengan fitur cover-image, tags, deskripsi menggunakan markdown editor
- Berkunjung ke profil pengguna lain
- Menambahkan, mengupdate, dan menghapus profil pengguna
- Pencarian user dan artikel terkait
- Filtering artikel berdasarkan tag

## Demo

https://madia.vitomanik.com/

## Run Locally

Clone the project

```bash
git clone https://github.com/Sekolah-Beta-2023/Vito_Andareas_Manik-Madia.git
```

Go to the project directory

```bash
cd Vito_Andareas_Manik-Madia
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run madia
```

Build

```bash
npm run build
```

Generate

```bash
npm run generate
```

Preview

```bash
npm run preview
```

## Roadmap

- Menambahkan fitur komentar

- Menambahkan light mode

- Membuat mobile responsive

- Implementasi infinite scroll

## Tech Stack

**Client:** Nuxt 3, TailwindCSS, Headlessui, AOS, Uppy JS, md-editor-v3

**Server:** Supabase

## Environment Variables

To run this project, you will need to add the following environment variables to your .env file

`SUPABASE_URL`

`SUPABASE_KEY`

`SUPABASE_SERVICE_ROLE`

`SUPABASE_PROJECT_ID`