BISA Wallet - Web3 Re-Engineered for Indonesia

BISA Wallet is a mobile-first Web3 wallet and trading platform built exclusively for Indonesian users. It merges portfolio management, token/NFT trading, social engagement, and real-time analytics into one intuitive, Bahasa-Indonesia-first app.

Project Category

This is a modern, responsive web application designed as a pitch deck for potential investors. It showcases the vision, features, and market opportunity for BISA Wallet.

Project Structure

The project is organized into the following main directories:

• /src/app: Contains the core application logic, including the main page (page.tsx) and global styles (globals.css).
• /src/components: Contains all the reusable React components, organized into:
  • layout: Components for the main site structure, like the header and footer.
  • ui: Reusable user interface elements provided by ShadCN, such as buttons, cards, etc.
  • partners.tsx: The animated partner section.
  • testimonials.tsx: The user testimonials carousel.
• /src/lib: Contains utility functions and helper code.
• /public: Contains static assets that are served publicly.
• /: The root directory contains configuration files like tailwind.config.ts, next.config.ts, and tsconfig.json.

Tools and Frameworks

• Next.js: A React framework for building server-rendered applications.
• React: A JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript that enhances code quality.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• ShadCN UI: A collection of beautifully designed, reusable components built on Tailwind CSS.
• Lucide React: A library of simply designed, beautiful icons.

How to Develop and Run Locally

To get started with developing this project on your local machine, follow these steps:

1. Install Dependencies: Open your terminal, navigate to the project's root directory, and run the following command to install the necessary packages:

   npm install

2. Run the Development Server: After the installation is complete, start the Next.js development server with this command:

   npm run dev

3. View the Application: The application will now be running locally. You can view it in your browser by navigating to: http://localhost:9002

The development server supports hot-reloading, so any changes you make to the code will be reflected in the browser automatically.