Giter VIP home page Giter VIP logo

camerakit-website's Introduction

CameraKit Header

What is CameraKit?

CameraKit takes one of the hardest Android APIs and makes it into a high level and easy to use library that solves all of your problems. This is the repository for the CameraKit Project's Website. We ue this as our central open-source website which anyone can contribute to, log bugs for, and help improve.

Run Development Environment

  1. yarn install
  2. yarn dev

Detailed Documentation

To check out detailed docs for CameraKit, visit our Documentation Website

License

CameraKit Website is MIT License

camerakit-website's People

Contributors

austinkettner avatar emersoncloud avatar namaskar-1f64f avatar nchan0154 avatar timone avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

camerakit-website's Issues

Navbar overlaps text

When scrolling down, the CameraKit logos in the Navbar overlap text on the site.

image

Resolved via changing the Navbar BG to a semi-transparent white once scrolling down. Can be resolved in the refactored codebase by @WhiteRaBot17

Improve Company Slider

  • Horizontally center each item, example being InLoopX is aligned left and doesn't look centered.
    • Thinking implementing Flexbox could allow some flex? Not all SVGs will have the same width and some may need sized down height weight so they feel 'equal' to others.

Make Docs/Blog pages server and client renderable

Currently the Docs page will only work through the server due to the use of the file system. This needs to be turned into an API call. Additionally, the Blog does not work rendered client side, I believe this is due to a CORS issue.

Export Assets

  • Logo
  • LogoType (outlines)
  • Menu icon
  • scroll arrow
  • Github icon
  • Features icon x 4
  • Sponsor logos
  • Footer illustration

Incorrect demo links

The website links to
https://play.google.com/store/apps/details?id=com.flurgle.camerakit.demo&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1
and the README links to
https://play.google.com/store/apps/details?id=com.camerakit.demo&hl=en

It appears the correct link should be
https://play.google.com/store/apps/details?id=com.wonderkiln.camerakit.demo

Add Tests

  • Ensure each page renders

    • Homepage
    • Docs
    • Contact
    • Blog
  • Ensure Contact Form submits properly

Wrong package name in usage example

Current example:

<com.flurgle.camerakit.CameraView
    android:id="@+id/camera"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true" />

Should be:

<com.wonderklin.camerakit.CameraView
    android:id="@+id/camera"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true" />

Implement Getting Started page

Sketch design updated.

  • Include same syntax highlighting as in docs
  • Revise Syntax highlighting globally if a better option exists (opinion)
  • Link Getting Started links to new getting started page

Update README

Update README to include...

  • Build Instructions
  • References
  • License Information
  • Update 'intro' area to use the CameraKit graphic in the main CameraKit repo and follow that general layout

Include on 'Develop' branch

Move Blog Posts to SSR Function

Currently the homepage 'news' section is a onClient rendered function that fetches data from a RSS feed and renders it. We should instead be rendering this server-side and refreshing the data every 1hr, as to ensure new website visitors see the latest news to the latest hour.

Refactor Website: Additional Features

  • Add Pricing Page
  • Add Contact Us Page
  • Support User Accounts (GraphQL and Postgres)
  • 'Create Account' Flow
  • Include bare bones portal upon creating an account
    • Logout Functionality

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.