stable release candidate

Author: jude7733

README.md

@@ -1,13 +1,21 @@
-# BMC-ART-GALLERY
+# Gulmohar
 
-## Features
+Gulmohar is the official digital art gallery and creative platform for Bharata Mata College. It serves as a space for students to showcase their artistic talents, including paintings, sketches, digital art, short films and editorial content. It has an admin dashboard for managing submissions and users (different repo).
+<br />
+<br />
+Fork and **contribute** to help us enhance the platform!
 
-- NativeWind v4
-- Dark and light mode
-  - Android Navigation Bar matches mode
-  - Persistent mode
-- Common components
-  - ThemeToggle, Avatar, Button, Card, Progress, Text, Tooltip
+Live Deployment: <https://gulmohar.bharatamatacollege.in>
+
+## Tech Stack
+
+This project is built as a universal application (Web, Android, iOS) using the following technologies:
+
+- **Framework**: React Native (Expo SDK 54)
+- **Language**: TypeScript
+- **Styling**: NativeWind v4 (Tailwind CSS)
+- **Package Manager**: pnpm
+- **Deployment**: EAS (Expo Application Services) and github pages
 
 ## Build
 
@@ -22,6 +30,31 @@ eas deploy
 ### Android
 
 ```
-# Use replace profile with your own
+# Use profile with your own
  eas build --profile development --platform android --local
 ```
+
+## TODO
+
+    [] Sort content (improved filtering and sorting options).
+
+    [] Student verification system.
+
+    [] Add Blog category for written submissions.
+
+    [] Publish mobile application to Google Play Store.
+
+## Getting Started
+
+To run this project locally:
+
+```
+# Clone the repository
+git clone https://github.com/jude7733/Gulmohar.git
+
+# Install dependencies
+pnpm install
+
+# Start the development server
+npx expo start
+```

app/(tabs)/about.tsx

@@ -34,7 +34,6 @@ const AnimatedSection = ({ children, delay = 0 }: { children: React.ReactNode; d
   );
 };
 
-
 const StatItem = ({ value, label }: { value: string; label: string }) => (
   <View className="items-center">
     <Text className="text-2xl md:text-4xl font-bold text-white">{value}</Text>
@@ -82,7 +81,7 @@ export default function About() {
               style={{ width: 150, height: 150 }}
               contentFit="contain"
             />
-            <Text className="text-4xl font-bold mt-6 text-foreground">About Gulmohar Art Gallery</Text>
+            <Text className="text-4xl font-bold mt-6 text-foreground text-center">About Gulmohar Art Gallery</Text>
             <Text className="text-lg text-center mt-2 text-muted-foreground">
               Bharata Mata College, Thrikkakara is home to a diverse community of talented artists with unique skills and creations. However, their art often remains unseen and unappreciated outside of small circles. This platform was created to bridge that gap — providing a space where their work can be shared, celebrated, and accessed by a wider audience. The idea for this platform was initially coined by the students of Malayalam department.
             </Text>
@@ -157,6 +156,14 @@ export default function About() {
                   <Feather name="tool" size={18} className="text-foreground" color="red" />
                   <Text className="text-base font-semibold text-foreground">Report a Bug</Text>
                 </Pressable>
+                {/* Added Contribute to Project Link */}
+                <Pressable
+                  className="flex-row items-center justify-center gap-3 p-3 bg-black dark:bg-white rounded-lg mt-2"
+                  onPress={() => openLink('https://github.com/jude7733/Gulmohar')}
+                >
+                  <Feather name="github" size={18} className="text-white dark:text-black" />
+                  <Text className="text-base font-semibold text-white dark:text-black">Contribute to Project</Text>
+                </Pressable>
               </View>
             </View>
           </AnimatedSection>
@@ -172,8 +179,8 @@ export default function About() {
                 <View className="flex-row flex-wrap justify-around items-center gap-y-6">
                   <StatItem value="50+" label="Artworks" />
                   <StatItem value="25+" label="Artists" />
-                  <StatItem value="12" label="Departments" />
-                  <StatItem value="7" label="Categories" />
+                  <StatItem value="25" label="Departments" />
+                  <StatItem value="6" label="Categories" />
                 </View>
               </View>
             </View>

app/(tabs)/upload.tsx

@@ -38,9 +38,8 @@ const getMediaType = (mimeType?: string): MediaItem['type'] => {
 // Generate batch years dynamically
 const generateBatchYears = (): string[] => {
   const currentYear = new Date().getFullYear();
-  const endYear = currentYear + 5;
   const years: string[] = [];
-  for (let year = 2000; year <= endYear; year++) {
+  for (let year = 2020; year <= currentYear; year++) {
     years.push(year.toString());
   }
   return years;
@@ -292,7 +291,7 @@ export default function Upload() {
         <FormField label="Description">
           <TextInput value={body} onChangeText={setBody} style={[styles.input, styles.textArea]} className='bg-secondary text-foreground' placeholderTextColor="#9ca3af" multiline placeholder="A short description of the artwork..." />
         </FormField>
-        <FormField label="Upload Art File">
+        <FormField label="Upload art file (image, video, audio, pdf)">
           <Pressable onPress={handlePickDocument} className='bg-secondary text-foreground' style={styles.filePicker}>
             <Feather name="upload" size={20} color="red" />
             <Text className="text-secondary-foreground font-semibold ml-2">{file ? file.name : "Choose a file"}</Text>

components/filerender/VideoPlayer.tsx

@@ -1,25 +1,35 @@
 import { useVideoPlayer, VideoView } from 'expo-video';
-import { StyleSheet, View } from 'react-native';
+import { StyleSheet, View, useWindowDimensions, Platform } from 'react-native';
 
 interface VideoPlayerProps {
   url: string;
 }
 
 export default function VideoPlayer({ url }: VideoPlayerProps) {
+  const { height } = useWindowDimensions();
   const player = useVideoPlayer(url, (player) => {
     player.loop = true;
   });
 
+  const HEIGHT_LIMIT = 800;
+  const INCREASED_VIDEO_HEIGHT = 500;
+  const INCREASED_CONTAINER_HEIGHT = 600;
+
+  const isLargeDesktop = Platform.OS === 'web' && height > HEIGHT_LIMIT;
+
   return (
-    <View style={styles.videoBackground}>
+    <View style={[
+      styles.videoBackground,
+      isLargeDesktop && { maxHeight: INCREASED_CONTAINER_HEIGHT }
+    ]}>
       <VideoView
-        style={styles.video}
+        style={[
+          styles.video,
+          isLargeDesktop && { maxHeight: INCREASED_VIDEO_HEIGHT }
+        ]}
         player={player}
+        allowsFullscreen
         allowsPictureInPicture
-        fullscreenOptions={{
-          enable: true
-        }}
-        crossOrigin="anonymous"
       />
     </View>
   );
@@ -31,8 +41,11 @@ const styles = StyleSheet.create({
     maxHeight: 400,
     width: '100%',
     backgroundColor: '#000',
+    justifyContent: 'center',
+    alignItems: 'center',
   },
   video: {
+    width: '100%',
     maxHeight: 300,
     flex: 1,
   },

components/footer.tsx

@@ -24,7 +24,7 @@ export function Footer() {
   }
 
   const handleDownloadAPK = () => {
-    Linking.openURL('https://expo.dev/artifacts/eas/fAxzy2nSi4g6FYN18Nc4Lj.apk');
+    Linking.openURL('https://expo.dev/artifacts/eas/rwrEhysje8MNNWGdGbdkyV.apk');
   };
 
   return (

package.json

@@ -23,9 +23,9 @@
     "@rn-primitives/slot": "~1.2.0",
     "@rn-primitives/tooltip": "~1.2.0",
     "@somesoap/react-native-image-palette": "^1.2.2",
-    "@supabase/supabase-js": "^2.79.0",
+    "@supabase/supabase-js": "^2.80.0",
     "class-variance-authority": "^0.7.1",
-    "expo": "~54.0.22",
+    "expo": "~54.0.23",
     "expo-build-properties": "~1.0.9",
     "expo-constants": "~18.0.10",
     "expo-dev-client": "~6.0.17",
@@ -43,7 +43,7 @@
     "nativewind": "latest",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "react-native": "0.81.4",
+    "react-native": "0.81.5",
     "react-native-blob-util": "^0.22.2",
     "react-native-gesture-handler": "~2.28.0",
     "react-native-pdf": "^6.7.7",