NFT Marketplace - Showcase

Introduction

App Demo:

Open River is a cross-platform mobile application designed to replicate the UI/UX of OpenSea, an NFT marketplace. Built with React Native, the app showcases a sleek and intuitive design, providing users with a smooth browsing experience for NFT collections and details. This project focuses entirely on the visual and interactive aspects of the app without backend functionality.

---

Features

• Inspired UI/UX: A clean and visually appealing design inspired by OpenSea.
• Cross-Platform Compatibility: Runs seamlessly on both Android and iOS devices using React Native.
• Component-Based Architecture: Built with reusable and modular components for scalability.
• Responsive Design: Optimized for a variety of screen sizes and orientations.
• Smooth Animations: Includes basic animations for an engaging user experience.

---

Tech Stack

• React Native: For building the mobile application.
• Expo: For quick testing and development.
• React Navigation: For seamless navigation between screens.
• Styled Components: For flexible and maintainable styling.

---

Setup Instructions

1. Prerequisites

• Install Node.js and npm/yarn.
• Install the Expo CLI:

  npm install -g expo-cli

2. Clone the Repository

git clone [email protected]:ShivanshKumar760/OpenRiver.git
cd OpenRiver

3. Install Dependencies

yarn install
# or
npm install

4. Start the Application

Run the following command to start the development server:

expo start

• Scan the QR code using the Expo Go app on your mobile device (available on Google Play Store and Apple App Store).

---

Folder Structure

.
├── src
│   ├── components     # Reusable React Native components
│   ├── screens        # Application screens (e.g., Home, NFT Details)
│   ├── assets         # Images and static assets
│   ├── styles         # Shared styling configurations
│   └── App.js         # Main application component
├── package.json       # Dependencies and scripts
└── README.md          # Project documentation

---

Customization

• Modify styles in the styles directory to adapt the look and feel.
• Add or update images in the assets folder to customize the visuals.
• Adjust navigation in App.js or related files to include new screens or flows.

---

Key Highlights

• Professional Design: Mimics the feel of a real NFT marketplace.
• Cross-Platform Compatibility: Designed to work on both Android and iOS devices.
• Easy to Extend: Modular components allow for future enhancements, such as backend integration.

---

License

This project is licensed under the MIT License.

---