A Full-Stack Application

• gh-pages

  21 3,174 7.4 JavaScript

  General purpose task for publishing files to a gh-pages branch on GitHub

When I was building out the frontend there were a couple of issues that I ran into, mostly because I was hosting this on gh-pages.

• redux

  268 60,449 9.0 TypeScript

  A JS library for predictable global state management

  

I also wanted to have application state as well as client side routing. To achieve this I had to install some npm packages. For application state I used redux with redux-thunk middleware.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• redux-thunk

  33 17,732 7.4 TypeScript

  Thunk middleware for Redux

  

I also wanted to have application state as well as client side routing. To achieve this I had to install some npm packages. For application state I used redux with redux-thunk middleware.

• hike-it-up-v2

  1 0 0.0 Ruby

  The second coming of hike-it-up a React.js trail social media application.

I went ahead and modified my application store, to continuously save to storage when it updated and then clear when the user logs out, clears their history, or deletes their account.

• Ruby on Rails

  467 54,865 10.0 Ruby

  Ruby on Rails

  

I am finishing my time at The Flatiron School and wanted to showcase my new learnings by re-creating a very simple Sinatra application that I made earlier this year. Now that I had all this great knowledge of React I could combine it with my knowledge of Ruby on Rails to create a full-stack application.

• react-router

  156 51,877 9.5 TypeScript

  Declarative routing for React

  

For client side routing, I decided to go with react-router. This allowed me to mimick route browsing of the backend on the frontend. For example, going to /trails/1, should bring up the first trail. React Router passes the declarative id of the route, in this case /trails/:id, to the props of the route.

• React

  1,691 221,535 9.8 JavaScript

  The library for web and native user interfaces.

  

I am finishing my time at The Flatiron School and wanted to showcase my new learnings by re-creating a very simple Sinatra application that I made earlier this year. Now that I had all this great knowledge of React I could combine it with my knowledge of Ruby on Rails to create a full-stack application.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project