https://github.com/julien-muke/instahub
Build a modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.
https://github.com/julien-muke/instahub
appwrite reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
Build a modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.
- Host: GitHub
- URL: https://github.com/julien-muke/instahub
- Owner: julien-muke
- Created: 2023-11-06T08:50:09.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-12T16:34:16.000Z (over 2 years ago)
- Last Synced: 2024-05-28T19:28:54.687Z (about 2 years ago)
- Topics: appwrite, reactjs, tailwindcss
- Language: TypeScript
- Homepage: https://instahub-kappa.vercel.app
- Size: 2.83 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build and Deploy a Full Stack Social Media App | React JS, Appwrite, Tailwind CSS, React Query
# Introduction
Build a modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.
# Implementation
- A Native Moblie Feel
- Handling user auth
- Scaling
- Managing and storing files security
- Optimizing API performance
Learn from:
⭐ JSM Masterclass Experience - https://jsmastery.pro/masterclass
# Installation
Follow these steps to install and run the project:
1. **Clone the repository**
Open your terminal and run the following command to clone the repository:
```bash
git clone https://github.com/julien-muke/instahub.git
```
2. **Navigate to the project directory**
```bash
cd instahub
```
3. **Install Node.js**
The project requires Node.js to run. If you don't have it installed, you can download it from [here](https://nodejs.org/en/download/).
4. **Install the required packages**
The project requires several packages to be installed. Run the following command to install them:
```bash
npm i
```
5. **Set up the environment variables**
The project requires the APPWRITE environment variable to be defined. You can do this in a `.env` file in the root of your project:
```bash
VITE_APPWRITE_PROJECT_ID=your_appwrite_project_id
VITE_APPWRITE_URL=your_appwrite_url
VITE_APPWRITE_STORAGE_ID=your_appwrite_storage_id
VITE_APPWRITE_DATABASE_ID=your_appwrite_database_id
VITE_APPWRITE_SAVES_COLLECTION_ID=your_appwrite_saves_id
VITE_APPWRITE_POST_COLLECTION_ID=your_appwrite_post_id
VITE_APPWRITE_USER_COLLECTION_ID=your_appwrite_user_id
```
7. **Start the server**
Run the following command to start the server:
```bash
npm run start
```