Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/coder-blue/natri-social
Just a simple Instagram open source clone with a little adjustment.
https://github.com/coder-blue/natri-social
chakra-ui firebase javascript react rsbuild rspack vercel-deployment zustand
Last synced: about 2 months ago
JSON representation
Just a simple Instagram open source clone with a little adjustment.
- Host: GitHub
- URL: https://github.com/coder-blue/natri-social
- Owner: Coder-Blue
- License: mit
- Created: 2024-07-08T06:32:24.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-09T10:46:39.000Z (6 months ago)
- Last Synced: 2024-07-10T07:11:29.223Z (6 months ago)
- Topics: chakra-ui, firebase, javascript, react, rsbuild, rspack, vercel-deployment, zustand
- Language: JavaScript
- Homepage: https://natri-soc.vercel.app
- Size: 1.45 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TL;DR
## What is this?
- This so called **Natri** is just a simple Instagram clone that I made based on [As a Programmer](https://www.youtube.com/@asaprogrammer_)'s video, but there is a bit of adjustment just for _Vietnamese_, and instead of using [Vite](https://vitejs.dev), I'm using [RSBuild](https://rsbuild.dev/).
- The live website is in the description. You can try it out.
## What can it do?
- π Working as a clone of Instagram, using [Google Firebase](https://firebase.google.com) as database.
## Getting Started
**First**, clone the git:
```bash
git clone https://github.com/Coder-Blue/natri-social.git
```
**Second**, configure the Firebase for the project:
- Learn more with this website: [Firebase Docs](https://firebase.google.com/docs)
**Third**, install the dependencies:
```bash
npm install
#or
yarn install
#or
pnpm install
#or
bun install
```
**Fourth**, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `src` folder and it's contents. The page auto-updates as you edit the file.
## Donate
You can support financially with this QR code bank scanning, thank you very much <3:
## Support
- You can ask me if there is any problem:
Join my Discord server: https://discord.gg/5Nmwm24dWV
Email contact: [email protected]
Facebook contact: [Noah TrαΊ§n](https://www.facebook.com/noah.tran1109)