Git Product home page Git Product logo

greenbook-app's Introduction

greenbook-app

Code base for the android, ios, and responseive web apps for spicygreenbook.org which is a directory of local black-owned businesses that users can find to support

HOW TO CONTRIBUTE

Find an issue and comment that you are going to handle it so we don't get duplicate effort on the same issue. If you are unable to solve the issue, let us know in the comments so someone else can take it.

New Developer Onboard Tutorial Video

https://youtu.be/WA54qPafeRU

Wiki Page

https://github.com/spicygreenbook/greenbook-app/wiki/Developer-Onboarding-Tutorial

Join our slack and let us know what you can do and we'll let you know how you can help!

PULL REQUEST

If you clone this repo and realize you do not have permission to push directly to this repo check out this article to learn how to fork and make a pull request

Want to report a bug or issue with the website?

Use the issues section on this page to let us know!

How To Contribute Code

The app is built with Expo + NextJS and is hosted/deployed on Vercel (formerly now.sh)

What do I need to know to contribute code?

Absolutely Critical: JavaScript

Helps a lot: Git/GitHub, Expo.io, React/React Native, NextJS, CSS, HTML, Understanding fetching JSON data from an API

How to get started coding on this app

    # clone the repo
    git clone [email protected]:spicygreenbook/greenbook-app.git

    # change your directory into the greenbook repo
    cd greenbook-app

    # install node modules
    npm install

    # install expo
    npm install expo-cli --global

    # run expo.io
    expo start

    # run nextjs (for web)
    # this should make http://localhost:3000 available in your web browser
    npx next dev

Workflow

Use the expo.io app that opens on your localhost as well as an android and ios device to test everything you develop on both android and ios so that you do not get too far into development without properly supporting each device.

Use your web browser and check both mobile and desktop sized views to ensure the responsive web app works on all device sizes.

When necessary, is the isWeb flag to determine when to use web compatible components and methods or mobile device options.

Slack

Our slack is at spicy-green-book.slack.com if you want to be part of the community. We have a channel specifically for the coders to collaborate on.

developer notes

make a video optimized for web ffmpeg -y -i SGB_SignUp_v4.mov -c:v libx264 -crf 23 -profile:v high -pix_fmt yuv420p -color_primaries 1 -color_trc 1 -colorspace 1 -movflags +faststart -an signUp.mp4

greenbook-app's People

Contributors

adoni0 avatar arax1 avatar c-garza avatar codecustard avatar danielpquinn avatar danilobatson avatar domferris avatar dominickreever avatar gabrielhicks avatar gkemp94 avatar greeneterrance92 avatar inerkyjad avatar its-nate avatar jeffdegoma avatar jeroengoddijn avatar joshkwannacode avatar kmr600 avatar ktgr avatar kyoga99 avatar lirondco avatar mamta31 avatar mikecastellon avatar mrvncaragay avatar orsolyalukacs avatar phil4lif avatar pleaseshutup avatar sisco0 avatar

Watchers

 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.