readme_content = """ Social Media Application - Connect App
Table of Contents
- Introduction
- Tech Stack
- Features
- Quick Start
- Snippets
- Links
- More
Introduction Explore a user-friendly social media platform with rich features like post creation, exploration, and strong authentication. Enjoy a seamless experience with fast data fetching using React Query.
Tech Stack
- React.js
- Appwrite
- React Query
- TypeScript
- Shadcn
- Tailwind CSS
Features
- Authentication System: Secure and private user authentication.
- Explore Page: Discover posts with a featured creators section.
- Like and Save: Interact with posts through likes and saves.
- Detailed Post Page: View content and related posts.
- Profile Page: Showcase liked posts and edit your profile.
- User Browsing: Explore other users' profiles and posts.
- Create & Edit Posts: Upload and modify posts easily.
- Responsive Design: Optimized for mobile with a bottom navigation bar.
- React Query Integration: Improved performance with data caching and efficient mutations.
- Backend as a Service: Appwrite for authentication, database, and file storage.
Quick Start Prerequisites
- Git
- Node.js
- npm
Steps
-
Clone the repository: git clone https://github.com/ItsYash1421/ConnectApp.git cd ConnectApp
-
Install dependencies: npm install
-
Set up environment variables: Create a
.envfile in the root directory with the following: VITE_APPWRITE_URL= VITE_APPWRITE_PROJECT_ID= VITE_APPWRITE_DATABASE_ID= VITE_APPWRITE_STORAGE_ID= VITE_APPWRITE_USER_COLLECTION_ID= VITE_APPWRITE_POST_COLLECTION_ID= VITE_APPWRITE_SAVES_COLLECTION_ID=Replace placeholders with your Appwrite credentials.
-
Start the project: npm start Open http://localhost:3000 in your browser.
Snippets
Find code snippets for key components and styles in the provided constants, globals.css, queryKeys, tailwind.config.js, and more.