FlickWall
Tech Stack
- React Native
- Expo
- PostgreSQL
- Prisma
- Express JS
- Unsplash API
- NativeWind
- Authentication
- TypeScript
- Socket.io
About the Project
FlickWall is a mobile application developed using React Native and Expo, designed to provide a seamless image browsing and sharing experience. The app leverages the Unsplash API to fetch high-quality images, utilizes PostgreSQL with Prisma for robust data storage and management, and implements secure authentication mechanisms.
Things Learnt in this Project
- Developed a cross-platform mobile application using React Native and Expo
- Implemented secure user authentication and authorization
- Integrated Unsplash API for dynamic image fetching and display
- Used PostgreSQL with Prisma ORM for efficient data management
- Utilized NativeWind for responsive and adaptive styling
- Implemented state management using React Native hooks
- Created RESTful API endpoints using Express JS
- Handled image caching and performance optimization
FlickWall was built using React Native, a powerful framework for cross-platform mobile development. By utilizing Expo, the development process was streamlined, allowing for quick iterations and easy deployment across iOS and Android platforms. The component-based architecture of React Native enabled the creation of reusable and modular UI components, enhancing the overall code maintainability.
The backend of FlickWall was developed using Express JS, providing a robust and flexible server-side architecture. Express handled routing, middleware management, and API endpoint creation. The server-side logic was designed to efficiently process user requests, manage authentication, and interact with the PostgreSQL database.
PostgreSQL was selected as the primary database solution, with Prisma ORM simplifying database interactions. Prisma's type-safe query capabilities and intuitive schema definition made database management more straightforward. The relational database structure allowed for complex data relationships and efficient querying of user profiles, image collections, and interaction logs.
The Unsplash API integration was a key feature of FlickWall, providing access to a vast library of high-quality images. Careful API management ensured efficient image fetching, with implemented caching mechanisms to improve performance and reduce unnecessary network requests. The application allows users to browse, save, and interact with images seamlessly.
For styling, NativeWind was employed, providing a Tailwind-like styling experience for React Native. This approach allowed for rapid UI development with consistent and responsive design across different device sizes and platforms. The styling framework enabled quick customization and maintained a clean, modern aesthetic throughout the application.
The combination of React Native, Expo, PostgreSQL, Prisma, Express JS, and NativeWind created a robust and feature-rich mobile application. FlickWall demonstrates the power of modern web and mobile development technologies in creating an engaging user experience for image browsing and sharing.