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

https://github.com/honzoraptor31415/futuregram

A social media app similar to threads. Still being made, but looking very good so far!
https://github.com/honzoraptor31415/futuregram

javascript social-media-app ssr supabase supabase-auth supabase-db supabase-realtime supabase-ssr supabase-storage svelte sveltekit threads-clone typescript

Last synced: about 1 year ago
JSON representation

A social media app similar to threads. Still being made, but looking very good so far!

Awesome Lists containing this project

README

          

# Futuregram


A Social media webapp similar to Instagram. Made because I kinda enjoy making full-stack webapps 👍.
Btw, the last time I tried to make something more complicated with SvelteKit and a BaaS, it didn't end up well (that project is deleted tho).

But I think, that it was because I was a beginner and I used Firebase. And I didn't even use it the right way - the file structure was basicly ~~f\*cked~~ **screwed** and I constantly had problems with user auth.

**However** I think, that this one will turn out to be good.

And also, I'm making all of my projects myself, with no tutorials whatsoever, because watching someone code for 5 hours **isn't the right way** to learn programming.

## Installation

### 1. Clone the repo:

```sh
git clone https://github.com/Honzoraptor31415/Futuregram.git
```

### 2. Install libraries:

```sh
npm i
```

### 3. Setup env variables:




Create a `.env` file at the root of the project, copy/paste the content from the [`.env.example`](https://github.com/Honzoraptor31415/Futuregram/blob/main/.env.example) in it and replace every environment variable with a valid one that you created.

### 4. You're good to go!

```sh
npm run dev
```

## Technologies/languages this project uses:


[![Technologies used](https://skillicons.dev/icons?i=svelte,typescript,supabase)](/)