TripleStamp demo Flatiron Showcase - React, Ruby on Rails, Redux Toolkit, RTK Query, Bootstrap 5
TripleStamp is a full-stack web application designed to organize and facilitate property task management for managers, landlords, and owners.
This project was selected to present at the Flatiron Final Project Showcase.
----Contents of Video (Timestamps)----
0:00 - Intro (Powerpoint presentation)
0:34 - Application technologies (stack) & Model (Class) Relationships
1:25 - Triplestamp Demo application
2:50 - Units CRUD (Paradise Village)
4:48 - Rails Dependent Destroy attribute
5:18 - RTK Query Fetch requests vs-code (API slices)
6:36 - Biggest Challenges
7:12 - Questions
Git - https://github.com/knielsen24/triple-stamp
LinkedIn - https://www.linkedin.com/in/kevin-nielsen-se/
Blog - https://medium.com/@kevin_nielsen
Create an account/sign up
Sign in with login credentials
Edit profile
Delete profile
Add a property to the user's account
Edit property details
Delete property from user's account
Add a unit to a property
Edit unit details
Delete unit from a property
Add an inspection to a unit
Edit inspection details
Delete an inspection from a unit
FRONTEND (VIEW)
React.js: Single page application (SPA)
Redux Toolkit: Global application state management
RTK Query: Data fetching and caching
React Router V6: Application routing and rendering
Formik: Controlled forms library
Bootstrap 5: Custom CSS
BACKEND (CONTROLLER)
Ruby on Rails: Custom Controller, Models, Serializers
Full CRUD for all models
User login token
RESTful API Routes
Active Record: Model associations and resources
PostgreSQL database