Skip to content Skip to footer
ClientTraining ProjectResultDemo LiveCodeGithubShare

SnapGram is a cutting-edge social media platform designed to provide users with a seamless and enjoyable experience in exploring and sharing content. The platform boasts a modern and visually appealing interface, coupled with a robust set of features that prioritize user engagement, privacy, and efficient data handling.

⚙️ Tech Stack

  • React.js – Appwrite (Backend as a Service) – React Query – TypeScript – Shadcn – Tailwind CSS

🔋 Key Features:

1. Authentication System:

  • A secure and robust authentication system to ensure user privacy and data security.

2. Explore Page:

  • Homepage featuring a curated selection of posts, with a dedicated section for top creators to enhance discoverability.

3. Like and Save Functionality:

  • Users can effortlessly like and save posts, with dedicated pages for managing liked and saved content.

4. Detailed Post Page:

  • An immersive post page displaying content along with related posts for a richer user experience.

5. Profile Page:

  • Personalized user profile pages showcasing liked posts and providing options for profile editing.

6. Browse Other Users:

  • Users can explore and discover other users’ profiles and posts, fostering community engagement.

7. Create Post Page:

A user-friendly create post page with easy file management, storage, and drag-and-drop features.

8. Edit Post Functionality:

  • Users have the flexibility to edit the content of their posts at any time, ensuring control over their shared content.

9. Responsive UI with Bottom Bar:

  • A responsive user interface with a bottom bar, enhancing the mobile app feel for seamless navigation across devices.

10. React Query Integration:

  • Integration of React Query (Tanstack Query) for efficient data fetching, auto caching, parallel queries, and first-class mutations to optimize performance.

11. Backend as a Service (BaaS) – Appwrite:

  • Utilization of Appwrite as a Backend as a Service solution, streamlining backend development with features such as authentication, database management, file storage, and more.

12. Code Architecture and Reusability:

  • Implementation of a well-organized and scalable code architecture to ensure maintainability and promote code reusability.

SnapGram is not just a social media platform; it’s an immersive and secure space for users to connect, share, and explore content effortlessly. The combination of cutting-edge technologies and user-centric features positions