Skip to content
Buddhadeb Koner edited this page Oct 9, 2024 · 2 revisions

Home

Welcome to Kochu-Media!

Kochu-Media is a next-generation social media platform designed for users to post photos with captions, save posts, and engage with interactive content. Built with modern technologies like React, Appwrite, and Tailwind CSS, Kochu-Media aims to provide a seamless user experience with a feature-rich platform.

This wiki provides a detailed guide on how to get started with Kochu-Media, its features, and how to contribute.


Features

1. Post Photos with Captions

  • Users can upload and share images with descriptive captions.
  • Images are stored securely using the Appwrite backend.

2. Save and Bookmark Posts

  • Users can save posts for future reference using the bookmark feature.

3. User Profiles

  • Each user has a customizable profile that displays their posts and saved content.

4. Interactive 3D Visualization

  • The app uses Three.js and React-Three/Fiber for unique, immersive visual experiences.

5. Real-time Notifications & Alerts

  • Users get real-time updates through toasts and alerts using Radix UI Toast.

Tech Stack

Frontend:

  • React: Frontend framework for building a dynamic user interface.
  • Framer Motion: Smooth animations and transitions.
  • Radix UI: Accessible, customizable UI components for dialogues, toasts, and more.
  • Three.js & React-Three/Fiber: Rendering 3D graphics for immersive user experiences.
  • Tailwind CSS: Utility-first CSS framework for fast styling.
  • React Router: Client-side routing for navigating between pages.
  • Lucide Icons & Tabler Icons: Rich library of icons for a modern look.

Backend:

  • Appwrite: Backend-as-a-Service that handles authentication, file storage, and database.
  • React Query: For state and server data management.

Additional Libraries:

  • React Dropzone: For efficient file uploads.
  • Zod: Schema-based validation library.
  • Tailwind Merge: For combining Tailwind class names.
  • Clsx: Utility for conditionally joining class names.

API Reference

Kochu-Media utilizes Appwrite for the backend services. Below are the key APIs:

  1. Authentication API:

    • Sign Up/Sign In: Users can register and log in with their credentials.
    • Session Management: Authentication tokens are managed securely.
  2. File Storage API:

    • Allows users to upload images and retrieve them for their posts.
  3. Database API:

    • Manages posts, captions, and user data in a secure and scalable way.

Releases & Changelog

v1.0.1

  • Initial release.
  • Core features:
    • Photo posting with captions.
    • Save and bookmark posts.
    • Basic user profile functionality.
    • Integration with Appwrite for authentication and storage.
    • Initial 3D visualization components with React-Three/Fiber.

Upcoming features include better profile customization, social interaction (likes/comments), and performance optimization.


Contributing

How to Contribute

We welcome contributions from the community. If you would like to help improve Kochu-Media, please follow the steps below:

  1. Fork the Repository: Create a personal fork of the Kochu-Media repository.
  2. Create a Branch: Create a new branch for your feature or bug fix.
    git checkout -b my-new-feature
  3. Make Changes: Implement your changes, following the project's coding standards.
  4. Test: Ensure that all changes are tested locally before submitting a pull request.
  5. Submit a Pull Request: Once your changes are ready, submit a PR for review.

Contribution Guidelines

  • Please adhere to the coding standards.
  • Ensure the UI and UX remain clean and intuitive.
  • All pull requests will be reviewed and may require revisions before merging.

FAQs

1. How can I report bugs or suggest features?

  • You can open an issue in the Issues tab for bugs, feature requests, or general suggestions.

2. What are the future plans for the app?

  • The upcoming phases include enhancing the user profile functionality, adding social interaction features like likes and comments, and optimizing performance.