Code Monkey home page Code Monkey logo

litecast's Introduction

Litecast ✍️

A beautiful yet simple Farcaster client Built as an open source example for FarcasterKit x Neynar, as well as part of dwr.eth's mobile client bounty

Built with

How to run

  1. Set up the app locally
  • git clone https://github.com/dylsteck/litecast
  • cd litecast && yarn install
  1. Set environment variables
  • Copy .env.example to a new .env file and add your NEYNAR_API_KEY
  • In constants.ts, the API_URL value is for FarcasterKit's API, which has routes to get/receive the signer and post casts to Neynar. Don't change this value you're running the FarcasterKit API locally, but if not change the value to http://api.farcasterkit.com
  • Set the same values you have in your .env file in eas.json under the env sections for development and preview
  1. Create Expo project
  • To run the app locally, you'll need to create an account at https://expo.dev, then create a new project
  • Once you've created a project, run npm install --global eas-cli && eas init --id [YOUR PROJECT ID] to overwrite the existing project with your own
  1. Run by calling yarn start

Todos

Note: These are just a few todos on the top of my mind that would get the app to v1.0(full feature parity with the mockups below), but I'm sure smaller tasks and larger ideas will come to mind as well.

  • [] Further style the cast and thread components
  • [] Add search
  • [] Add following channels(via search)
  • [] Add user pages
  • [] Add more of the backend logic to farcasterkit-react-native (not much left to move over)
  • [] Add logout capabilities

Mockups

Here are some mockups to further showcase where the app is headed -- huge shoutout again to Sirsu for the amazing designs 🙌

Login Home
Litecast Login Litecast Home
Search Reply
Litecast Search Litecast Reply

litecast's People

Contributors

dylsteck avatar gregfromstl avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.