Sanpgram.exe

Snapgram is a modern, dynamic web application inspired by Instagram, designed to provide users with an engaging and seamless social media experience. Built with cutting-edge technologies like React, Appwrite, and Tailwind CSS, Snapgram aims to deliver a feature-rich platform for photo sharing, user interactions, and content discovery.

Role
FullStack Developer
Duration
7 days
Team
1
Sanpgram
v1.0.0 Stable
System_Features.logREAD ONLY
  • 1🖼️ Photo and Video Sharing – Upload and share images and videos.
  • 2📱 Responsive Design – Optimized for both desktop and mobile devices.
  • 3💬 Comments and Likes – Users can comment on and like posts.
  • 4🌐 User Profiles – Each user has a personalized profile page to manage posts, follow/unfollow, and view activities.
  • 5🔍 Search and Explore – Search for users, hashtags, and explore content based on interests.
  • 6🔐 Authentication – Sign up, login, and manage user sessions securely (using Appwrite as the backend).
  • 7💾 Database Integration – Seamlessly stores user data, posts, comments, and media in a secure backend.
  • 8⚡ Optimized Performance – Uses React Query for data fetching, Zod for data validation, and React Hook Form for forms to ensure smooth operations.
Dependencies.json
ReactShadcn UITailwind CSSZodReact Hook FormReact QueryTypeScriptAppwrite
⚠ CRITICAL_ERRORS.log
  • [ERROR_100]: Managing secure user logins, authentication, and session persistence using Appwrite was initially tricky, but integrating Appwrite’s built-in authentication service solved these issues seamlessly.
  • [ERROR_101]: Ensuring that real-time interactions were reflected instantly on all clients. Using React Query helped simplify data fetching and caching, resulting in faster and more reliable updates.
  • [ERROR_102]: Efficiently managing and storing photos and videos without degrading performance was a challenge. Appwrite’s file storage feature helped solve this by providing secure and scalable cloud storage.
✔ PATCH_NOTES.txt
  • [FIX_APPLIED]: Integrated Appwrite for authentication, database management, and file storage, making backend setup easier and more secure.
  • [FIX_APPLIED]: Used React Query for efficient data management and React Hook Form for streamlined form handling and validation.
  • [FIX_APPLIED]: Implemented Zod for strong typing and validation of user inputs and data from the backend, improving overall application stability and security.
  • [FIX_APPLIED]: Developed a responsive UI with Tailwind CSS and Shadcn UI to ensure a seamless, modern design across all devices.
  • [FIX_APPLIED]: Learned how to handle real-time interactions and notifications, improving my understanding of building dynamic, interactive web applications.
Sanpgram — Sameer