← Home

Demo Projects

December 16, 2021

Below are a selection of simple feature demonstration applications designed to showcase various technologies and features.

Technologies used include: React, Redux, React-Router, MongoDB, Express, Heroku, Netlify, Github Pages, and Axios.

RESTy

RESTy

A React based application which allows users to hit HTTP routes with GET, PUT, POST, or DELETE method requests, utilizing React state to store user input, Ajax for api calls, react-router for route management, and local storage for persistence. The app is deployed via Github Pages. Check it out here or view the Github Repo.

RESTy API utility

Todo

A React web application using context for state management, Axios for network requests, an Express server, and a MongoDB Database. The api server is deployed via Heroku, and the frontend is deployed via Github Pages. See the app here or check out the Github Repo (please note the server may take a few seconds to spin up).

Todo app, styled with Material UI

Rebu Native

Rebu is a React Native app built during a 4-day team sprint, providing the basic functionality of a ride-sharing app. Riders can request pickup, set a destination, and be notified of pickup and dropoff; drivers can select a ride, see the pickup location, and notify passengers of events.

Rebu home screen

Backend: Express on Heroku, MongoDB on Atlas. Frontend: React Native deployed to Expo. Wireframes were completed before any code was written, which scoped goals early and provided a road map for every screen.

Rebu wireframe
Rebu DB schema
Github Repo

Storefront

A React web application using Redux for state management, React-router for routing, Axios for network requests, deployed on Github Pages. An Express api server is deployed on Heroku, using MongoDB for data persistence. View the app or the Github Repo (again, the server may take a few seconds to spin up).

Ecommerce emulation application