Skip to content

BuddhadebKoner/kochugram.com

Repository files navigation


Kochu-Media Full Stack WebApp

Website: Kochu-Media
Start Date: 28 September 2024
End Date: 10 October 2024


Kochu-Media


🚀 Vision

Kochu-Media is a modern social media platform designed to enhance online interaction through a feature-rich environment where users can post photos with captions, save posts, and engage with dynamic content. We aim to provide a streamlined experience that focuses on core social media functionalities, enabling users to share and discover content with ease.


🛠️ Tech Stack

Kochu-Media leverages cutting-edge technologies to create an interactive, user-friendly platform:

Frontend

  • React: A robust library for building dynamic, interactive user interfaces.
  • Framer Motion: For fluid, engaging animations that enhance user experience.
  • Radix UI: Provides accessible, customizable components like dialogs, dropdowns, and toasts.
  • Tailwind CSS: A utility-first CSS framework for responsive and efficient UI styling.
  • Lucide & Tabler Icons: For high-quality, scalable icons across the platform.
  • React Router: Manages client-side routing for seamless navigation.
  • React Hook Form: Simplifies form management with efficient validation and input handling.
  • Zod: Ensures form data validation with a schema-based approach.

Backend & Database

  • Appwrite: A comprehensive backend-as-a-service for managing databases, authentication, and real-time data syncing.
  • Tanstack React Query: Manages data fetching and caching, ensuring smooth updates and interactions.

Additional Tools

  • React Dropzone: For intuitive and efficient file uploads (photos, media).
  • Class Variance Authority (CVA): Manages conditional styling across components.
  • Tailwind Merge: Optimizes merging of Tailwind classes for consistent styling.
  • Clsx: For conditional class name management in React components.

🌐 Key Objectives

  1. Social Media Focus: Provide core features like photo posting with captions, post saving, and media sharing to enhance user engagement.
  2. Responsive & Interactive UI: Ensure a smooth, mobile-friendly interface that adapts to all devices.
  3. Robust Backend: Utilize Appwrite for secure user authentication, real-time updates, and scalable data management.
  4. Seamless File Uploading: Support easy media uploads for photos and other content types.
  5. Optimized Performance: Prioritize fast load times and efficient data handling, delivering a responsive experience.

📅 Roadmap

  • Phase 1: Foundations (28 Sept 2024)
    Set up the core infrastructure: database, authentication, and UI/UX design.

  • Phase 2: Completed on 09 Oct 2024
    Integrated front-end and back-end functionality, focusing on photo sharing, post saving, and media management.

  • Phase 3: Optimization & Launch (Upcoming)
    Fine-tuning performance, enhancing security, and preparing for the official launch.


🤝 Contribute

We welcome contributions after Phase 3 is completed. In the meantime, feel free to open issues or suggest features via GitHub.

How to Contribute:

  • Fork the repository and create a new branch for your contribution.
  • Follow the coding standards outlined in the contributing guide.
  • Submit a pull request for review after Phase 3 is active.

📢 Stay Connected


Crafted with precision. Powered by passion.