Git Product home page Git Product logo

airstack's Introduction

Airstack

Build your own community curated resources list (Startup Stash, TemplateStash, WDStack, etc..) using Airtable and ReactJs.

Airstack is a free, open-source project that enables that creation of curated collections and niche topic directories. Create your own categorized list of Web resources. The whole premise of Airstack is that the app is easily managed, without coding, via the Airtable UI.

https://airtable.com/ https://reactjs.org/ https://getbootstrap.com/

Backend

The backend and data store is an Airtable "speadsheet" database, which is also used to configure and administer the Web app. The Airtable database contains 3 core tables:

  • Resource Represents a single item that is designated by a URL.

  • Name (title/label)

  • Category (1 or more)

  • URL

  • Short

  • Full

  • Featured

  • Approved

  • SubmittedBy

  • ImgThumb

  • ImgLarge

  • FaviconUrl

  • Tags

  • Related

  • IsFree

  • Rating

  • DateCreated

  • Category (topics) Represents a topic/subject/bucket by which any Resource can be associated.

  • Name

  • Resources (1 or more)

  • Description

  • ImgThumb

  • ImgLarge

  • App Contains app-wide configaration options and global content.

Frontend

The frontend is currently built with ReactJs and Bootstrap 4. The React app contains the business logic, and performs API calls to the Airtable database.

React app structure

--- /src
------- /components
------- /layouts
------- /routes
------- /views
---------- /category
---------- /dashboard
---------- /resource
------- airtable.js
------- app.js
------- conf.json
------- env.json
------- helpers.js
------- index.js

Getting Started

In dev environment:

  • Run > npm install --save-dev
  • Edit the env.json, and enter your Airtable API settings
  • Run > npm start

To build:

  • Run > npm run build

Good to Know

  • A Resource can be associated with multiple Categories
  • Resources can have 0 or more related Tags
  • Resources can have 0 or more related Resources

airstack's People

Contributors

iatek avatar mookiez avatar themesguide 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.