Skip to content

wearesoulana/soulana-frontend

Repository files navigation

Soulana - Blockchain-Powered Charitable Giving Platform

A decentralized donation platform built on Solana blockchain, enabling transparent and efficient charitable giving.

Team

  • Mehmet Ali Selvet
  • Barış Cem Bayburtlu
  • Eylül Çağan Uğtur

Features

Core Functionality

  • Secure blockchain-based donations using Solana
  • Real-time transaction tracking
  • Transparent fund distribution
  • Multi-wallet support (Phantom, Solflare)
  • Minimum donation thresholds
  • Project-specific donation targets

User Interface

  • Modern, responsive design
  • Dark/light theme support
  • Animated transitions and interactions
  • Accessibility compliance
  • Mobile-first approach

Project Management

  • Project categorization
  • Progress tracking
  • Impact metrics
  • Success stories showcase
  • Global reach visualization

Security

  • Secure wallet connections
  • Transaction verification
  • Solana Tunnels
  • Data encryption
  • Privacy protection

Tech Stack

Our UI is not a template, it's built from scratch with Next.js, React, TypeScript, TailwindCSS, Framer Motion, and Shadcn/ui.

Frontend

  • Next.js 15
  • React
  • TypeScript
  • TailwindCSS
  • Framer Motion
  • Shadcn/ui

Blockchain

  • Solana Web3.js
  • Wallet Adapter
  • Transaction Processing
  • Solana Tunnels
  • Cross-Chain Bridge

Development

  • ESLint
  • Prettier
  • TypeScript
  • Git

Color Scheme

  • Primary Light: #F1ECCE
  • Primary Dark: #20201D
  • Accent Red: #731010
  • Secondary Red: #802626
  • Tertiary Red: #8C3A3A

Project Structure

Core Pages

  • Home (/)
  • Donate (/donate)
  • Mission (/mission)
  • Impact (/impact)
  • How It Works (/how-it-works)
  • Contact (/contact)

Legal Pages

  • Privacy Policy (/legal/privacy-policy)
  • Terms of Service (/legal/terms-of-service)
  • Cookie Settings (/legal/cookie-settings)
  • Accessibility (/legal/accessibility)

Components

  • Navbar
  • Footer
  • Wallet Integration
  • Transaction Tracker
  • Project Cards
  • Impact Metrics
  • Success Stories
  • Testimonials

Getting Started

  1. Clone the repository

  2. Install dependencies: npm install

  3. Set up environment variables: cp .env.example .env.local

  4. Run development server: npm run dev

  5. Build for production: npm run build

Contributing

  1. Fork the repository
  2. Create feature branch
  3. Commit changes
  4. Push to branch
  5. Open pull request

License

MIT License - see LICENSE.md

Contact

For questions or support, contact us at [email protected]

Releases

No releases published

Packages

No packages published

Languages