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