🎯 Resonance Frontend: Next.js Application This is the Next.js frontend application for the Resonance project. It is a dynamic and responsive user interface built with Next.js and Tailwind CSS.

🚀 Features ✅ Responsive and dynamic UI with Tailwind CSS

🔍 AI-powered research recommendation system

🔗 Integration with backend APIs and blockchain-based smart contracts

🧠 LLM (Gemini) integration for summarization & recommendations

📄 OpenAlex and Arxiv integration for real-time research data

👨‍🎓 User authentication (Email/Password & Google OAuth)

🪙 Web3 integration with Metawallet for research funding

🌐 Ethereum Sepolia testnet support and smart contract interaction

🛠️ Requirements Node.js (v14 or above)

npm or yarn

⚙️ Setup Instructions Clone the Repository

bash Copy Edit git clone https://github.com/nethmalgunawardhana/resonance_backend.git cd resonance_backend/frontend Install Dependencies

bash Copy Edit npm install

or

yarn install Configure Environment Variables

Create a .env.local file in the frontend directory:

env Copy Edit NEXT_PUBLIC_BACKEND_API_URL=http://localhost:3000/api NEXT_PUBLIC_INFURA_API_KEY=YOUR_INFURA_PROJECT_ID NEXT_PUBLIC_CONTRACT_ADDRESS=YOUR_SMART_CONTRACT_ADDRESS NEXT_PUBLIC_GOOGLE_CLIENT_ID=YOUR_GOOGLE_CLIENT_ID Run the Application

bash Copy Edit npm run dev

or

yarn dev Then open http://localhost:3000 in your browser.

🚀 Deployment We recommend deploying to Vercel: https://vercel.com

💻 Tech Stack (Frontend) Framework: Next.js

Styling: Tailwind CSS

Auth: Firebase Auth, Google OAuth

Blockchain/Web3: Metawallet, Ethereum Sepolia Testnet

Smart Contracts: Solidity (ResearchFund)

Data Integration: OpenAlex, Arxiv

AI: LLM API (Gemini)

🧑‍💻 Team Members Tharin Edirisinghe

Garuka Satharasinghe

Nethmal Gunawardhana

Harindu Hadithya

Sachintha Lakmin