OpenGrame is a modern social media app that allows users to connect, share, and explore content in a seamless and engaging way.
MIT License
Frontend:
Backend:
Data Fetching and Infinite Scroll:
User Authentication: Secure user authentication system powered by Appwrite, ensuring the safety of user data.
Responsive Design: A responsive and mobile-friendly UI to provide a consistent experience across devices.
Stylish UI with Tailwind CSS: Utilizing the power of Tailwind CSS to create a visually appealing and customizable user interface.
Efficient Data Fetching: React Query is employed for efficient data fetching, ensuring optimal performance and responsiveness.
Infinite Scroll: Seamless and smooth infinite scroll functionality for an uninterrupted browsing experience.
Clone the repository:
git clone https://github.com/Nishitbaria/OpenGrame/
Navigate to the project directory:
cd OpenGrame
Install dependencies:
npm install
Start the development server:
npm run dev
The app should now be running at http://localhost:5173.
Example .env You can be used in your localhost
VITE_APPWRITE_PROJECT_ID="663e1d6f0023b552e5d1"
VITE_APPWRITE_URL="https://cloud.appwrite.io/v1"
VITE_APPWRITE_STORAGE_ID="65478ceca6d8a49b3cf1"
VITE_APPWRITE_DATABASE_ID="3j22cy28uc3"
VITE_APPWRITE_SAVES_COLLECTION_ID="65479a44782ab930d6f3"
VITE_APPWRITE_USERS_COLLECTION_ID="65479b3f3ff36d0c3fa6"
VITE_APPWRITE_POSTS_COLLECTION_ID="65479a1224b7d12ccb6e"
VITE_APPWRITE_STORIES_COLLECTION_ID=664c1dba0005c3bb2eae