Nishitbaria / OpenGrame

OpenGrame is a modern social media app that allows users to connect, share, and explore content in a seamless and engaging way.

OpenGrame

---

OpenGrame is a modern social media app that allows users to connect, share, and explore content in a seamless and engaging way.

Technologies Used

• Frontend:

  • React
  • TypeScript
  • Tailwind CSS
  • Sycdn (for additional styling assets)

• Backend:

  • Appwrite (Backend as a Service)

• Data Fetching and Infinite Scroll:

  • React Query

Features

• User Authentication: Secure user authentication system powered by Appwrite, ensuring the safety of user data.

• Responsive Design: A responsive and mobile-friendly UI to provide a consistent experience across devices.

• Stylish UI with Tailwind CSS: Utilizing the power of Tailwind CSS to create a visually appealing and customizable user interface.

• Efficient Data Fetching: React Query is employed for efficient data fetching, ensuring optimal performance and responsiveness.

• Infinite Scroll: Seamless and smooth infinite scroll functionality for an uninterrupted browsing experience.

Getting Started

Prerequisites

• Node.js and npm installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/Nishitbaria/OpenGrame/

2. Navigate to the project directory:

   cd OpenGrame

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

   The app should now be running at http://localhost:5173.