Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/samuel-bonghanoy/post-it

An X-inspired blog website created with Vue and Supabase
https://github.com/samuel-bonghanoy/post-it

Last synced: about 2 months ago
JSON representation

An X-inspired blog website created with Vue and Supabase

Awesome Lists containing this project

README

        

### TODO

- [x] Post likes
- [x] Post filters
- [x] Profile pages
- [x] Following Page
- [ ] Reposting
- [x] Commenting System
- [ ] Notifications
- [x] Follower System
- [x] Toasts

# Scriptive
An automated letter generation application

# Technology Stack

### Front End

![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)

### Back End

![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white)

## Setup

Run this command to clone the repository into your desired directory

```bash
# clones the repo into your local device
git clone
# change to project directory
cd
# gets the newest version of the remote repo
git pull
# open the current directory in your preferred text editor
code .
```

Once that's done, you will have to install dependencies via this command:

```bash
# install dependencies according to package-lock.json
npm i
```

## Running

To host the project on your local machine, do:

```bash
# runs the package.json "start" script
npm run start
```

### Output

![image](https://github.com/Samuel-Bonghanoy/Post-It/assets/113536057/29ea3dd6-89a2-4bd4-930b-5d3ceba5e680)
![image](https://github.com/Samuel-Bonghanoy/Post-It/assets/113536057/9cf09b6a-7049-443b-a3a6-967ff43b180f)
![image](https://github.com/Samuel-Bonghanoy/Post-It/assets/113536057/2be51c13-c13d-4aec-98c1-3c4a1e0c357b)
![image](https://github.com/Samuel-Bonghanoy/Post-It/assets/113536057/6dd80d22-c23e-4173-b83c-cf3d99ce52b7)
![image](https://github.com/Samuel-Bonghanoy/Post-It/assets/113536057/5f4be3bd-d2c5-4c8f-b533-5757acb02894)