{"id":18047965,"url":"https://github.com/xensen008/pixify","last_synced_at":"2026-02-22T16:35:01.336Z","repository":{"id":259281573,"uuid":"876790086","full_name":"Xensen008/Pixify","owner":"Xensen008","description":"Your Moments, Amplified","archived":false,"fork":false,"pushed_at":"2024-10-29T20:27:07.000Z","size":3575,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T05:15:17.565Z","etag":null,"topics":["app","appwrite","instagram","shadcn-ui","social-media","social-network","website"],"latest_commit_sha":null,"homepage":"https://pixifyit.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Xensen008.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-22T15:00:56.000Z","updated_at":"2024-10-29T20:27:11.000Z","dependencies_parsed_at":"2024-10-24T03:52:35.162Z","dependency_job_id":"d7573528-b28d-42a1-ad78-a8f4e522ed1a","html_url":"https://github.com/Xensen008/Pixify","commit_stats":null,"previous_names":["xensen008/pixify"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xensen008%2FPixify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xensen008%2FPixify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xensen008%2FPixify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xensen008%2FPixify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Xensen008","download_url":"https://codeload.github.com/Xensen008/Pixify/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247289431,"owners_count":20914464,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["app","appwrite","instagram","shadcn-ui","social-media","social-network","website"],"created_at":"2024-10-30T20:10:20.880Z","updated_at":"2026-02-22T16:35:01.286Z","avatar_url":"https://github.com/Xensen008.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pixify  \n**Unleash Your Creative Vibes**\n\n### Overview  \nPixify is a scalable, full-stack social media application designed to enhance user interaction and creativity. Built with modern web technologies, this project showcases robust frontend integration with Appwrite, providing users with a seamless and engaging experience. With a focus on a sleek UI and responsive design, Pixify is set to grow and evolve.\n\n---\n\n## Screenshots  \n\n\u003cdiv style=\"display: flex; justify-content: space-between;\"\u003e\n\n  \u003cdiv style=\"text-align: center;\"\u003e\n    \u003cimg src=\"./public/assets/pixify%20web.jpg\" alt=\"Pixify Screenshot\" width=\"290px\"\u003e\n  \u003c/div\u003e\n\n  \u003cdiv style=\"text-align: center;\"\u003e\n    \u003cimg src=\"./public/assets/pixify%20Phone.jpg\" alt=\"Pixify Screenshot\" height=\"150px\"\u003e\n  \u003c/div\u003e\n\n\u003c/div\u003e\n\n\n\n\n## Tech Stack  \n\n### Frontend\n- **React**: Library for building user interfaces.\n- **Redux**: State management for predictable data flow.\n- **Vite**: Fast build tool for modern web projects.\n\n### UI \u0026 Styling\n- **shadcn**: Styled components for creating a cohesive look.\n- **Tailwind CSS**: Utility-first CSS framework for rapid UI development.\n\n\n### Dependencies\nHere are the key packages used in the project:\n```json\n{\n  \"@radix-ui/react-toast\": \"^1.2.2\",\n  \"@tanstack/react-query\": \"^5.59.16\",\n  \"appwrite\": \"^16.0.2\",\n  \"react\": \"^18.3.1\",\n  \"react-dom\": \"^18.3.1\",\n  \"react-dropzone\": \"^14.2.10\",\n  \"react-hook-form\": \"^7.53.1\",\n  \"react-intersection-observer\": \"^9.13.1\",\n  \"react-router-dom\": \"^6.27.0\",\n  \"tailwind-merge\": \"^2.5.4\",\n  \"use-debounce\": \"^10.0.4\",\n  \"zod\": \"^3.23.8\"\n}\n```\n\n---\n\n## Environment Variables  \nTo run this project, you will need to create a `.env` file in the root of your frontend directory with the following variables:\n\n```plaintext\nVITE_APPWRITE_PROJECT_ID=\"\"\nVITE_APPWRITE_URL=\"\"\nVITE_APPWRITE_STORAGE_ID=\"\"\nVITE_APPWRITE_DATABASE_ID=\"\"\nVITE_APPWRITE_USER_COLLECTION_ID=\"\"\nVITE_APPWRITE_POST_COLLECTION_ID=\"\"\nVITE_APPWRITE_SAVES_COLLECTION_ID=\"\"\nVITE_APPWRITE_FOLLOWERS_COLLECTION_ID=\"\nVITE_APPWRITE_COMMENTS_COLLECTION_ID=\"\"\n```\n\n---\n\n## Key Features  \n- **User Authentication**: Secure login and registration managed by Appwrite.\n- **Real-time Interactions**: Instant updates for a dynamic user experience.\n- **State Management**: Redux for managing user states and application data seamlessly.\n- **Responsive Design**: Mobile-first approach ensuring a polished look across devices.\n- **Smooth Animations**: Implemented transitions for delightful transitions.\n\n---\n\n## Future Implementations  \nIn Pixify, I plan to implement the following features:\n1. **Follow and Following List**: Easily view and manage followers with a click.\n2. **Chat and Messaging Page**: Enable direct communication between users.\n3. **Stories or Time-Oriented Posts**: Introduce temporary posts for users to share updates.\n4. **More Operations in Comments**: Add functionalities like deleting and copying comments.\n5. **Collection for Saved Posts**: Allow users to save and organize their favorite posts.\n\n---\n\n## Project Structure  \nThe project is organized as follows:\n- **Frontend**: A React-based user interface, utilizing Redux for state management and styled using shadcn and Tailwind CSS.\n\n---\n\n## Setup Instructions  \n\n### Prerequisites  \n- **Node.js** (v14 or higher)\n- **npm** or **yarn** (for managing dependencies)\n- **Appwrite**: Ensure you have an Appwrite server running.\n\n### Frontend Setup  \n1. Navigate to the frontend directory:\n   ```bash\n   cd Frontend\n   ```\n\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n\n3. Start the development server:\n   ```bash\n   npm run dev\n   ```\n\n---\n\n## Scripts  \n\n### Frontend\n- `dev`: Starts the Vite development server\n\n---\n\n## Contributing\n\nWe welcome contributions to improve WonderWords! Please follow these steps to contribute:\n\n1. Fork the repository.\n2. Create a new branch: `git checkout -b feature/your-feature-name`.\n3. Make your changes and commit them: `git commit -m 'Add some feature'`.\n4. Push to the branch: `git push origin feature/your-feature-name`.\n5. Submit a pull request.\n\n\n## Authors\n\n- [@Arnabjk008](https://www.github.com/xensen008)\n- [Bio Links](https://xensen008.bio.link)\n\n\n## Acknowledgments\n\nA big thank you to the developers of ReactJS, Tailwind CSS, NodeJS, Express, and Appwrite for their incredible tools.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxensen008%2Fpixify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxensen008%2Fpixify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxensen008%2Fpixify/lists"}