feat: add fe project and minor updates

garussell · Dec 17, 2023 · 165a270 · 165a270
1 parent ca276c6
commit 165a270
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 9 deletions.
diff --git a/app/assets/css/custom.css b/app/assets/css/custom.css
@@ -39,4 +39,4 @@
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
-}
+}
diff --git a/...ssets/images/projects/whether-sweater.png → app/assets/images/projects/road-trip-be.png b/...ssets/images/projects/whether-sweater.png → app/assets/images/projects/road-trip-be.png
diff --git a/app/assets/images/projects/road-trip-fe.png b/app/assets/images/projects/road-trip-fe.png
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
@@ -119,13 +119,24 @@
 
                             <br />
                             <div class="item row">
-                                <a class="col-md-4 col-12" href="https://github.com/garussell/whether_sweater" target="_blank">
-                                <%= image_tag('projects/whether-sweater.png', class: 'img-fluid project-image rounded shadow-sm', alt: 'project name') %>
+                                <a class="col-md-4 col-12" href="https://github.com/garussell/road_trip_planner_be" target="_blank">
+                                <%= image_tag('projects/road-trip-be.png', class: 'img-fluid project-image rounded shadow-sm', alt: 'project name') %>
                                 </a>
                                 <div class="desc col-md-8 col-12">
-                                    <h2 class="title"><a href="https://github.com/garussell/whether_sweater" target="_blank">Whether, Sweater </a><span class="badge badge-theme">API</span> <span class="badge project-type">Solo Project</span></h2>
-                                    <p class="mb-2">Whether, Sweater is a back-end project that exposes multiple API endpoints to make data available from MapQuest API, Unsplash API, OpenLibrary API, and Weather API. It allows the front-end to obtain JSON data that contains weather information for a city, where the city and state are passed in the URL body as a location param, and units (imperial or metric) passed in as an optional param. The result exposed 6 end-points that can be accessed by front-end after obtaining unique, secure API-key.</p>
-                                    <p><a class="more-link" href="https://github.com/garussell/whether_sweater" target="_blank"><i class="fas fa-external-link-alt"></i>Checkout on GitHub</a></p>
+                                    <h2 class="title"><a href="https://github.com/garussell/road_trip_planner_be" target="_blank">Road Trip Planner BE </a><span class="badge badge-theme">API</span> <span class="badge project-type">Solo Project</span></h2>
+                                    <p class="mb-2">Road Trip Planner BE is a back-end project that exposes multiple API endpoints to make data available from MapQuest API, Unsplash API, OpenLibrary API, and Weather API. It allows the front-end to obtain JSON data that contains weather information for a city, where the city and state are passed in the URL body as a location param, and units (imperial or metric) passed in as an optional param. The result exposed 6 end-points that can be accessed by front-end after obtaining unique, secure API-key.</p>
+                                    <p><a class="more-link" href="https://github.com/garussell/road_trip_planner_be" target="_blank"><i class="fas fa-external-link-alt"></i>Checkout on GitHub</a></p>
+                                </div><!--//desc-->                          
+                            </div><!--//item-->
+
+                            <div class="item row">
+                                <a class="col-md-4 col-12" href="https://github.com/garussell/road_trip_planner" target="_blank">
+                                <%= image_tag('projects/road-trip-fe.png', class: 'img-fluid project-image rounded shadow-sm', alt: 'project name') %>
+                                </a>
+                                <div class="desc col-md-8 col-12">
+                                    <h2 class="title"><a href="https://github.com/garussell/road_trip_planner" target="_blank">Road Trip Planner FE </a><span class="badge badge-theme">UI</span> <span class="badge project-type">Solo Project</span></h2>
+                                    <p class="mb-2">Road Trip Planner is the front-end project that utilizes Road Trip Planner BE using React.</p>
+                                    <p><a class="more-link" href="https://github.com/garussell/road_trip_planner" target="_blank"><i class="fas fa-external-link-alt"></i>Checkout on GitHub</a></p>
                                 </div><!--//desc-->                          
                             </div><!--//item-->
                             <br />
@@ -294,7 +305,7 @@
                                 <br />
 
                                 <div class="item">
-                                    <h3 class="level-title">JavaScript</h3>
+                                    <h3 class="level-title">JavaScript &amp; React</h3>
                                     <div class="level-bar progress">
 									    <div class="progress-bar level-bar-inner" role="progressbar" style="width: 65%" aria-valuenow="86"  aria-valuemin="0" aria-valuemax="96"></div>
 									</div><!--//level-bar-->                                  
@@ -469,7 +480,6 @@
             </div><!--//secondary-->    
         </div><!--//row-->
     </div><!--//masonry-->
-    
     <!-- ******FOOTER****** --> 
     <footer class="footer">
         <div class="container text-center">
@@ -479,7 +489,6 @@
  
     <!-- Javascript -->          
     <%= javascript_include_tag 'dark-mode-switch/dark-mode-switch.min' %>
-
 </body>
 </html>