https://github.com/Dhruv-2003/Frame-base64

https://github.com/Dhruv-2003/Frame-base64

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/Dhruv-2003/Frame-base64
• Owner: Dhruv-2003
• Created: 2024-02-10T12:31:32.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-02-21T12:34:22.000Z (9 months ago)
• Last Synced: 2024-04-19T22:23:17.533Z (7 months ago)
• Language: TypeScript
• Homepage: https://frame-base64.vercel.app
• Size: 2.29 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-frames - Frames64

README

        
# Frames64 - Hackathon Project

Welcome to Frames64, a cutting-edge 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

- https://thegraph.com/studio/subgraph/frame64/

- https://sepolia.basescan.org/address/0xcb56CD817eE7404d400f2F3d4241CB94d4f91FdB

## Team

- [Dhruv Agarwal](https://twitter.com/0xdhruva)

- [Kushagra Sarathe](https://twitter.com/kushagrasarathe)

## Contributions

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

---

Thank you for checking out Frames64!