/Frame-base64

Primary LanguageTypeScript

Frames64

Welcome to Frames64, a platform where the magic of Frames meets the thrill of competition! 🎉

Overview

Frames64 is a project developed for the hackathon, combining innovative technologies and a fun gaming experience. Here's a breakdown of our components:

Base 🌐

The chain where the contracts will be deployed.

Frames.js 🖼️

A library with helper functions to build frames, adding flair and functionality to our platform.

Graph 📊

Indexes the data of the contracts and is then directly read for the frames, ensuring smooth data retrieval and analysis.

Airstack ✈️

Handles user-related data about Farcaster to assign this information, providing personalized experiences.

Game Flow

  1. Join the Fun: Dive into Frames64 and participate in our exciting contests and tournaments!

  2. Submit Your Jokes: Enter our Dad Joke Contest by submitting your best dad jokes. We'll accept entries until we collect 8 contenders.

  3. Vote & Predict: Once the contest entries are in, vote for your favorite jokes and predict the winners to earn points.

  4. See the Results: At the end of the tournament, we'll post the results as Frames, round by round, revealing the champions of laughter!

Rules

  • Competitor Entries: Submit your best dad jokes until we collect 8 contenders.
  • Voting & Predictions: Vote for your favorite jokes and predict the winners to earn points.
  • Results: Results will be posted as Frames, round by round, at the end of the tournament.

Tech Stack

  • Next.js : For frontend and seamless user experience.
  • TypeScript : Type safety and enhanced developer experience.
  • Tailwind CSS : For rapid and responsive styling.
  • Base : deployed our tournament and other contracts on base
  • Graph : Built Subgraph frames64 to index the contract data
  • Frames.js : Helper functions to build frames
  • Airstack : for fetching user related Data

Get Started

  1. Clone the repository: git clone https://github.com/Dhruv-2003/Frame-base64.git
  2. Navigate to frontend directory: cd /frontend
  3. Install dependencies: bun install
  4. Start the development server: bun run dev

Important Links

Team

Contributions

Contributions and feedback are welcome! Feel free to open an issue or submit a pull request.

Thank you for checking out Frames64!