Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

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

Last synced: 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/Dhruv-2003/Frame-base64
Owner: Dhruv-2003
Created: 2024-02-10T12:31:32.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-02-21T12:34:22.000Z (4 months ago)
Last Synced: 2024-04-12T20:23:02.279Z (3 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

Lists

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!