Photo-sharing social media web-app created using Ionic React + Redux + styled components for the front end. Rails API backend with Postgres for user data. Image hosting via Cloudinary.

Dronie

# Dronie
![Dronie Logo](https://i.imgur.com/s3wbqbY.png)

[Demo Video](https://www.youtube.com/watch?v=CUclDYx6XKo) | [Deployed Url](https://dronie.netlify.app)

---  

### Welcome to Dronie
#### Follow the links below to the corresponding repos

* Frontend Repo: [https://github.com/dsasse07/dronie-frontend](https://github.com/dsasse07/dronie-frontend)
* Backend Repo: [https://github.com/dsasse07/dronie-backend](https://github.com/dsasse07/dronie-backend)

---


portfolio-project

html

javascript

react

redux

styled-components

rails

ionic

rest-api

frontend

backend

fullstack

postgres

ruby

Personal software engineering portfolio developed using Typescript and Next.JS

Portfolio 2.0

# Welcome to My Portfolio!

![Portfolio Logo](https://i.imgur.com/s5oruO7.png)

[Deployed Url](https://sasse.vercel.app/)

---

## Overview

This project was created using the NextJS Framework and React with Typescript. The Github GraphQL API is used to fetch tagged portfolio projects and commit activity. Additionally, the markdown from project READMEs is parsed in to create project info pages. For my blog articles, the Dev.to REST API is used to fetch article markdown which is similarly parsed.

### Adding New Projects

- Create Project Readme
- Ensure title, logo, url, and video and populated where applicable
  - Logo url is parsed by a regex match `![___ Url](insert url here)`
  - DemoVideo = URL regex match after `[Demo Video]` in Readme
  - DeployUrl = URL regex match after `[__ Url]` in Readme
- Add project description to the Githun Repo
- Add the `portfolio-project` tag to project to have it be picked up by the graphQL search
  - Add additional skill tags for the filters on the portfolio (Ex: `react`, `typescript`)

### Adding new Skills

- Add the corresponding icon to `/assets/icons`
- Complete the new map entry in `/assets/icons/icons.ts`


typescript

nextjs

graphql

Python picross game developed using the Pygame module as a final project for Stanfard University's CS106A Code in Place program. 

Pycross

# Pycross

![Pycross Logo](https://i.imgur.com/k58W2eP.png)

[Demo Video](https://youtu.be/np0uua3mhU0)

---  
### Welcome to Pycross

#### Created by Daniel Sasse
This project was built as my Code in Place 2021 final project using Python and the Pygame module.

### Running the Game
* To run the game, clone this repo and install the pygame module. If you do not have Pygame installed, follow these [directions for installing Pygame](https://www.pygame.org/wiki/GettingStarted).
* Once the repo is cloned, and pygame is installed, run `main.py`
* The game will continue until either the window is closed, or the win conditions are met.

### Game Rules
* The Pycross game is a puzzle game in which the players uses the hints to the left and top of the board to determine which tiles in the board should be selected.
* Each row/column hint consists of a sequence of numbers representing the pattern of consequetive tiles that should be selected
* Example:
  * In the example below, the first rows's clue is a '5'. This indicates that there should be 5 consecutive tiles selected in that column.
  * In the first column, the hints "2,2" are given. This indicates that there should be a sequence of 2 tiles in a row touch each other, and then AT LEAST one unselected tile before the next sequence of "2" selected tiles.
  * Use the clues to select all of the tiles which should be selected. When you believe you have it correct, press the green "Check" button to confirm.

### Example "Starting" Board:

![Pycross Example](https://raw.githubusercontent.com/dsasse07/pycross/main/nonogram.png)

### Example "Completed" Game:

![Pycross Finished Example](https://raw.githubusercontent.com/dsasse07/pycross/main/nonogram-won.png)

### Difficulty
The difficulty of the game can be increased by increasing the number of tiles in the board, or by reducing the probably that a tile should be selected.

By default, the game will create a 6x6 grid, with a 0.7 (70%) probability that a tile will be selected. If you wish to change these values, adjust `SIZE` and `PROBABILITY` in `main.py`

* `SIZE` should have the format of `(rows_wide, cols_tall)`
* `PROBABILITY` should be a `float` representing the percent chance.
  * Ex: 70% == 0.7


python

game-development

Ruby CLI app developed using ActiveRecord to create reminders for subscription services and sync them to calendar apps through the creation of .ics files.

Subscription Tracker

# Subscription Tracker
![Subscription Tracker Logo](https://raw.githubusercontent.com/simonjacobs212/subscription-tracker/main/app/lib/images/due_date_on_calendar.jpeg)

[Demo Video](https://youtu.be/PtoSdk4yNIY)

Link to primary repository: [simonjacobs212/subscription-tracker](https://github.com/simonjacobs212/subscription-tracker)

---  

## Welcome to Subscription Tracker! 
This app is designed to keep tracker of your free and paid subscriptions such as Netflix, Amazon, Spotify, and more. As the renewal dat for your subscription comes close, or your free trial is about to end, this app will alert you. By default, notifications will be issues 7 days in advance of the renewal date. This will give you one week to either cancel your subscription, end your free trial, or be prepared to pay for the renewal.

---
## Table of Contents
- [Using the App](#using-the-app)
  - [Launching the App](#launching-the-app)
  - [Logging In](#logging-in)
    - [New Users](#new-users)
    - [Existing Users](#existing-users)
  - [App Features](#app-features)
    - [My Subscriptions](#my-subscriptions)
      - [Viewing Subscriptions](#viewing-subscriptions)
      - [Add New Subscriptions](#adding-new-subscriptions)
      - [Update Subscription](#update-subscription)
      - [Delete Subscription](#delete-subscription)
      - [Access Reminders](#access-reminders)
    - [Spending Analyzer](#spending-analyzer)
      - [Overall Spending](#overall-spending-summary)
      - [By Category](#spending-by-category)
      - [Most Expensive](#most-expensive-subscription)
    - [Reminders](#reminders)
      - [Change Notice](#change-days-notice)
      - [Disable Reminder](#disable-reminder)
    - [User Settings](#user-settings)
      - [Change Username](#change-subscriptiontracker-username)
      - [Change Password](#change-subscriptiontracker-password)
      - [Update Budget](#update-budget)
      - [Delete Account](#delete-subscriptiontracker-account)
- [App Design](#app-design)
  - [Domain Model (ERD)](#domain-model-erd)
  - [Model Associations](#model-associations)
  - [Interface Modules](#interface-modules)
  - [MVP](#mvp)
    - [User](#user)
    - [Subscription](#subscription)
    - [Service](#service)
    - [Reminder](#reminder)
    - [Seeds](#seeds)
    - [CLI](#cli)
  - [Stetch Goals](#stetch-goals)
    - [README in Markdown](#readme-in-markdown)
    - [User Login](#user-login-system)
    - [Modularization](#modularize-main-app)
    - [Calendar Sync](#reminders-link-to-users-calendar-app)
    - [Enhanced UI](#enhanced-ui)
- [Contributing](#contributing)
  - [Known issues](#known-issues)
  - [Contributors](#contributors)
---
## Using the App
### Launching the App
* Step 1: To launch the app, navigate to the parent directory.
* Step 2: Run `bundle install` from your terminal in order to install the required gems.
* Step 3: Run `rake db:migrate` from your terminal to build the database needed to save your data.
* Step 4: Run `rake db:seed` from your terminal to add the services to the database so that you may make new subscriptions.
* Step 5: Use the rake command `rake start` in the terminal to launch the app.

### Logging In
#### New Users
If you have not previously made an account with SubscriptionTracker, select __New User__ from the main menu.
* The app will ask you for your first and last name, as well as a username and password in order to create an account.
* If the username you have selected is already in use, you will be prompted to pick a new username
* If you would like for SubscriptionTracker to help you monitor your monthly budget for subscription services, you can enter your monthly budget in when prompted.

#### Existing Users
If you have previously made an account with Subscriptiontracker, enter the username and password that you selected when you made the account.

[[Top]](#table-of-contents)

### App Features
Use the main menu to navigate through the app. The major features are described individualy below.

#### My Subscriptions
##### Viewing Subscriptions
If you have already added subscriptions to you SubscriptionTracker account, selecting __My Subscriptions__ will display a menu of all of your current subscriptions and the subscription details such as cost, duration, and renewal date. 
* Pressing `enter` on any of the current subscriptions will select that subscription and allow you to:
  * [Update the subscription](#update-subscription) details such as cost or plan duration.
  * Set up or modify the [reminder](#reminders) for this subscription.
* Below the list of subscriptions, or if you have not already added some, you will see an option to [add a new subscription](#adding-new-subscriptions).

[[Top]](#table-of-contents)

##### Adding New Subscriptions
Selecting this option will allow you to add a new subscription to your SubscriptionTracker account.
* A list of subscription services currently linked to this app will be displayed in a menu. Select the service which you are subscribed to in order to begin tracking it in the app.
  * Hint: Begin typing the first few letters of the service name in order to filter the list.
* Upon selecting a service, you will need to enter all of the following in order to track the subscription on the app:
  * __Email Address:__ Enter the email address that you used to create the subscription. If you have multiple accounts or subscriptions to the same service, be sure to use the correct email address for each subscription you are associating with your SubscriptionTracker account.
  * __Subscription Duration:__ Enter the duration of the subscription plan in days.
    * For a recurring 1 month subscription, enter `30`
    * For a recurring 3 month subscription, enter `90`
    * For a recurring 1 year subscription, enter `365`
  * __Cost of Subscription:__ Enter the cost of the subscription per the recurring duration. For example, if you have a monthly plan, enter the monthly cost. If you have an annual plan, enter the annual cost.
    * The cost __must__ be entered in standard monetary format, without the dollar sign.
      * Ex: $5 should be entered as 5.00
* After successfully adding a new subscription to your SubscriptionTracker Account, it will automatically give you the option to [setup a new reminder](#reminders)

[[Top]](#table-of-contents)

##### Update Subscription
After selecting a current subsction, choose __Update/Delete Subscription__ from the subscription menu.
* In order to update the details of your subscription plan such as cost or plan duration, select __Update cost/duration__ from the next menu
* When updating the plan details, ensure to follow all of the same guidelines for entering the cost and plan duration that you followed when initially creating the subscription. Those details are listed below again for your convenience.
  * __Subscription Duration:__ Enter the duration of the subscription plan in days.
    * For a recurring 1 month subscription, enter `30`
    * For a recurring 3 month subscription, enter `90`
    * For a recurring 1 year subscription, enter `365`
  * __Cost of Subscription:__ Enter the cost of the subscription per the recurring duration. For example, if you have a monthly plan, enter the monthly cost. If you have an annual plan, enter the annual cost.
    * The cost __must__ be entered in standard monetary format, without the dollar sign.
      * Ex: $5 should be entered as 5.00

[[Top]](#table-of-contents)

##### Delete Subscription
After selecting a current subscription, choose __Update/Delete Subscription__ from the subscription menu.
* In order to delete a subscription plan from your SubscriptionTracker app acount, select __Delete Subscription__ from the next menu.
  * _Warning: Deleting a subscription is irreversible._

[[Top]](#table-of-contents)

##### Access Reminders
Selecting __Access Reminder__ from the subscription menu will display the date on which the reminder for that subscription will be displayed upon logging in to SubscriptionTracker. 
* If no reminder has yet been set, you will be asked if you would like to create a new one.
* After creating a new reminder, you will have the option to add this rmeinder to your Calendar app so that the reminder can be tracked outside of SubscriptionTracker.
  * If selected, a Calendar event file will be created with the name `<service_name>.ics `. After this file is created, it will automatically be opened using your default Calendar application.
    * Follow the on-screen directions in the Calendar app to finish adding the even into the Calender.

* Once a reminder exists, you will have the option to adjust how much advance notice the reminder provides, or to disable the reminder from appearing in SubscriptionTracker.

More information on Reminders can be found at [Reminders](#reminders)

[[Top]](#table-of-contents)

#### Spending Analyzer
Selecting this menu option will provide an analysis of your current spending based upon the __current__ costs of your subscriptions, as well as the durations for each of your subscriptions, and your indicated budget (optional).

##### Overall Spending Summary
* Daily spending report presents a normalized report for the cost of the users current subscriptions per day
  * This is helpful for comparison to common daily expenditures such as a coffee or buying lunch out.
* Monthly spending report assumes that all current subscriptions will be maintained for at least 30 days
* Yearly spending report assumes that all current subscriptions will be maintained for 365 days
* If the user has specified a monthly budget, it will be compared to your monthly spending to determine how much under or over budget you currently are.

[[Top]](#table-of-contents)

##### Spending by Category
* This will present your will a breakdown of how much the user spends on each of the categories that their services belong to. 
  * Please note that some services belong to multiple categories so the total spending of all of your categories may appear higher than your actual recurring payments. 
  * Use this to look for areas in which you many be overspending.

[[Top]](#table-of-contents)

##### Most Expensive Subscription
* This will display your most expensive service in terms of cost per day. This controls for the naturally higher prices of longer term subscription plans.

[[Top]](#table-of-contents)

#### Reminders
##### Change Days Notice
Here you can change how many days prior to a subscription expiration that its reminder appears in the SubscriptionTracker app welcome screen.
* Enter the number of __days__ notice you would like.date for your subscription is scheduled.
  * For example, if your subscription is set to renew on Jan 20, a 7 day advance notice means that a reminder will be set for Jan 13.
  * After adjusting the reminder you will be given the option to create a new calendar event, similar to when the reminder was first created.
    * While SubscriptionTracker can create new Calendar events, it cannot remove events from your Calendar app. Please remember to delete the old reminder from your Calendar app.

[[Top]](#table-of-contents)

##### Disable Reminder
Selecting this option will allow you to disable the current reminder for a subscription from appearing in the SubsscriptionTracker welcome screen.

* _Warning: Deleting a subscription is irreversible._
  * If you would like to re-enable a reminder, you must [create a new one](#access-reminders).
* __SubscriptionTracker cannot remove events from your Calendar app.__ Please remember to delete the old reminder from your Calendar app.

[[Top]](#table-of-contents)

#### User Settings
##### Change SubscriptionTracker Username
This will allow you to change the username that you use to log in to the SubscriptionTracker application. Please note that this does not change the username for your subscription services.
##### Change SubscriptionTracker Password
This will allow you to change the password which you use to log in to the SubscriptionTracker application. Please note that this does not change the password for any of your subscription services.
##### Update Budget
This will allow your to enter a monthly budget into Subscription Tracker. If a budget has been set, the [Spending Analyzer](#spending-analyzer) will also compare your current spending to your budget.
##### Delete SubscriptionTracker Account
Selecting this option will allow you to __permanently__ delete your user account from SubscriptionTracker. This will delete your account, your subscriptions, and any Calendar Event files that you created for your reminders while using SubscriptionTracker.

[[Top]](#table-of-contents)

## App Design
### Domain Model (ERD)

![App ERD](https://raw.githubusercontent.com/simonjacobs212/subscription-tracker/main/app/lib/images/SubscriptionTracker_ERD.png)

[[Top]](#table-of-contents)

### Model Associations
* A Category 
  * has many ServiceCategories 
  * has many Services through ServiceCategories
* A ServiceCategory
  * belongs to a Category
  * belongs to a Service
* A Service
  * has many ServiceCategories
  * has many Categories through ServiceCategories
  * has many Subscriptions
  * has many Reminders through Subscriptions
  * has many users through subscriptions
* A Subscription
  * belongs to a Service
  * belongs to a User
  * has many Reminders
* A Reminder
  * belongs to Subscription
* A User
  * has many Reminders
  * has many Subscriptions
  * has many Service through Subscriptions

[[Top]](#table-of-contents)

### Interface Modules

The main features and menus of the SubscriptionTracker Interface are modularized to facilitate navigation, maintenance, and expansion. In order for the module associations to function, the modules are required using the heirarchy shown below:

![App Heirarchy](https://raw.githubusercontent.com/simonjacobs212/subscription-tracker/main/app/lib/images/ModuleHeirarchy.png)

[[Top]](#table-of-contents)

### MVP
#### User
User will be able to:
* Create a new subscription for themselves 
* View their current subscriptions
* Modify their current subscription (cost/duration)
* Delete their subscription(s)
* View subscription spending:
  * By day
  * By month
  * By year
  * By category
  * By most expensive service

[[Top]](#table-of-contents)

#### Subscription
Subscriptions will be able to:
* Initialize a renewal date based on date created and plan duration
* Update renewal dates when plan details change
* Display subscription information
* Calculate days remaining in the current plan
* Determine if there is a current active reminder
* Find ts active reminder
* Create a new reminder (which disables the previous one if it was active)
* Calculate a normalized cost (dollar per day)

[[Top]](#table-of-contents)

#### Service
Services will be able to: 
* Associate with new or multiple categories

[[Top]](#table-of-contents)

#### Reminder
Reminders will be able to:
* Initialize with a default notice time of 7 days
* Find the date on which the reminder should be issues based on `:days_notice` and its subscription's renewal date

[[Top]](#table-of-contents)

#### Seeds
* Develop comprehensive seed data for app creation to test various aggregate methods and associations.
* Multiple scenarios accounted for such as:
  * Users with no subscriptions
  * Users with multiple subscriptions to the same service
  * Free trials vs. paid subscriptions
  * Active reminders, old reminders, no reminders

[[Top]](#table-of-contents)

#### CLI
* Develop basic command line interface for user to manage & control app

[[Top]](#table-of-contents)

### Stetch Goals
#### README in Markdown 
You are reading it! 

#### User Login System
* Develop system to track app users by username and password to persist subscription information between sessions (See [Logging In](#logging-in))
* Validation system developed to ensure no duplicate usernames are created by multiple users
* Validation system developed to ensure masked passwords match prior to account creation
* User has the ability to delete their app account and data

[[Top]](#table-of-contents)

#### Modularize Main App
* SubscriptionTracker.rb refactored to that main menu options and features exist in their own modules.
* Modules are associated using heirarchy from children up through parents in order to module inclusion to be complete. (See [Interface Modules](#interface-modules))

[[Top]](#table-of-contents)

#### Reminders link to User's Calendar App 

* Upon Reminder creation, user is prompted to create a Calendar Event for their machines local calendar app such as iCalendar, Outlook, or Google Calendar.
* The Ruby Gem `icalendar` is used to turn a hash of subscription/reminder information into an event instance.
* This event instance is published to a string formatted for an `.ics` file using the gem's `.to_ical` function
* If it doesn't already exist, Ruby's `Dir` object methods are used to create a directory for the user in `./reminder_files/<app_username>`
* Ruby's `File` class methods are then used to:
  * `open` a new `.ics` file
  * `write` the event information string to the file
  * `open` the `.ics` file for the user to confirm its addition to their Calendar app.

[[Top]](#table-of-contents)

#### Enhanced UI
* Use `colorize` to color and format CLI output
* Use `TTY-Table` to create display tables for spending data
* Use ASCII art to create welcome logo
* Animate the welcome menu
* Custom screen clear method created to permanently display logo
* Sound effects linked to app launch, app exit, warnings, successful changes, and data deletion

[[Top]](#table-of-contents)

## Contributing
Pull requests are welcome. Please make sure that your PR is [well-scoped](https://www.netlify.com/blog/2020/03/31/how-to-scope-down-prs) For major changes, please open an issue first to discuss what you would like to change.

### Known issues
[Visit Issues Section](https://github.com/simonjacobs212/subscription-tracker/issues)

### Contributors
* [Daniel Sasse](https://github.com/dsasse07)
* [Simon Jacobs](https://github.com/simonjacobs212)

[[Top]](#table-of-contents)


Winning solution for the Essteem AAPI Equalithon hackathon. The presented challenge was to overhaul the landing current landing page of the organization to drive user engagement and facilitate donations.

Essteem Aapi Justice Team


# AAPI Equalithon 

![AAJC Logo](https://i.imgur.com/XOD9l7T.png)

[Demo Video](https://youtu.be/20bi-eMu-_s) | [Deployed Url](https://aapi-justice-team.netlify.app/)

## An Essteem Hackathon
## The Justice Team:
Daniel Sasse, Aaron Amodt, LaToya Legemah, Natalie Kalaydjian, Claudette Carino 

---

## Table of Contents
* [Purpose](#purpose)
  * [Original Webpage](#original)
* [Problem Criteria](#problem-criteria)
* [Solution](#solution)
  * [Proposed Redesign](#proposal)
* [Features](#features)
* [Meet The Team](#meet-the-team)


### Purpose

Advancing Justices’ goal is to convert their current live webpage into a more interactive, user-friendly sitethat speaks to its users and focuses heavily on donations for their nonprofit affiliates.

Sending a clear-cut message to your users as quickly and succinctly as possible, while instilling trust and value is what we wanted to convey in our redesign for this project. 
Having a well-designed landing page that can be used as a marketing tool to convert leads into donations is crucial for the success of many non-profits and can be a highly valuable resource.

The Asian Americans Advancing Justices’ website currently is a static page, with __no donation button__, containing a header paragraph about the organization, __no photos of people__ or accolades and __lengthy__ paragraphs describing their affiliates.

##### Original Webpage
  ![Original Webpage](https://github.com/dsasse07/essteem-aapi-justice-team/raw/main/public/images/Readme-images/aajcOriginal.png)

### Problem Criteria

If a user is directed to this website, they don’t feel engaged by the successes or mission of the organization visually and have no option for giving a donation.

With the user goals being defined as __engaging__ users, helping with __donations__ and improving overall site __usability__, we needed to focus on tools to showcase these features.

Educating the audience about who AAJC helps, what they do and why they should donate to their organization was our focus in the redesign.

### Solution

In viewing the current Advancing Justice site, we wanted to make clear our user goals were to focus on these key elements:
1. __DONATIONS:__ we want the users to be able to donate easily through the website portal. We designed  several bold donate buttons throughout the page in intuitive locations
2. __EDUCATE:__ we want to educate the user of what the AAAJ does for the community, why there is a need for their important work and what are their successes. With this in mind, we created infographics, a “what we do” section and a current affairs carousel.
3. __ENGAGE:__ by adding photos of people and positive success stories, the user is feeling the direct contribution the organization is having with the community.

##### Proposed Redesign

![Revamped Webpage](https://github.com/dsasse07/essteem-aapi-justice-team/raw/main/public/images/Readme-images/aajcNew.png)

### Features

* Large bright orange donate buttons throughout the site, so users won’t miss it. 
* The rotating carousel of “Success Stories” engages users on a personal level showcasing their direct impact in people lives.
* Donors want to know where their donations are going. The “How Advancing Justice Helps” section illustrates that with bold icons and a brief summary so users can visually see and read this info briefly.
* Rotating carousel with bold photos that set the tone and engage the viewer. This is an opportunity to highlight current events, goals, and accomplishments, to show that AAJC is up-to-date and an active contributing organization.
* Eye-catching infographics to illustrate the purpose for the Advancing Justice organization and educate the user about who they are helping
* Multi-outlet sharing functionality to increase the ability for users to promote the page.
* Multi-language support to provide access for all users.


### Meet The Team

* Design
  * [Natalie Kalaydjian](http://nataliekdesigns.com)
  * [Claudette Carino](https://www.claudettecarino.page)
* Engineering
  * [Daniel Sasse](https://github.com/dsasse07)
  * [Aaron Amodt](https://github.com/amodttech)
  * [LaToyah Legemah](https://github.com/latoyale)


bootstrap

A Ruby on Rails family organizer application. A user can create a "family" and invite other guardians to the family. Guardians can create notes/todo-lists and photo albums that will accessible by all guardians of the family.

Family Organizer

# Family Organizer
![Family Organizer Logo](https://i.imgur.com/PmCMSXC.png)

[Demo Video](https://youtu.be/7hwDpslkDH8)

---  

## Welcome to Family Organizer

### About

Family Organizer is an app for managing the daily life of a family. It supports shared lists - such as shopping, todo, and gift lists - between all guardians registered for a family in the app. In addition, the app supports the upload of images to create a family photo album.

When a user registers, they are assigned to a new Family. Within the app, this user can add other "guardians" who will also have full access to the family account. This means that all guardians will be able to see, edit, and delete all lists and photos in the app.

Guardians may also add children to the app to associate with the family. A future goal of the app is to build an integrated family calendar that can track evens for each child and guardian in one place. Addition future features include photo albums linked to specific children/guardians, and a "Milestones Tracker" for each child to document major momoents.

This application was completed as an end-of-module project for phase 2 of Flatiron School's software engineering program with using Ruby on Rails and PostgreSQL.

### Running the App
- Fork and clone the repo
- `cd` into the parent directory and run `bundle install`
- run `rails db:create` to create a database for the app data
- run `rails db:migrate` to build the necessary schema within the datatbase.
- If testing data is desired, run `rails db:seed`
- run `rails s` to launch your local server and open a browser to `localhost:3000`

### ERD Model

![Family Organizer ERD Model](https://github.com/dsasse07/Family-Organizer/raw/main/Domain%20ERD.png)

### Contributing
Pull requests are welcome. Please make sure that your PR is [well-scoped](https://www.netlify.com/blog/2020/03/31/how-to-scope-down-prs). For major changes, please open an issue first to discuss what you would like to change.

#### Known issues
* [Visit Issues Section](https://github.com/dsasse07/Family-Manager/issues)

#### Contributors
* [Daniel Sasse](https://github.com/dsasse07)
* [Michael Cardona](https://github.com/mcardona9015)


Fludoku is a Sudoku web app built using vanilla JS and a Rails API server. It uses a backtracking algorithm to generate a solved Sudoku board, and then systematically remove n number of holes to creates a new game for the user. As values are removed, they are saved to memory to provide a 'get hint' feature.

Fludoku

# Fludoku
![Fludoku Logo](https://miro.medium.com/max/516/1*TStHCO5xf_9KQNvz0o8rmA.gif)

[Demo Video](https://youtu.be/3SA975NHH00) | [Deployed Url](https://fludoku.netlify.app/)

---  

### Welcome to Fludoku
#### Follow the links below to the corresponding repos

* Frontend Repo: [https://github.com/josh-frank/fludoku-front-end](https://github.com/josh-frank/fludoku-front-end)
* Backend Repo: [https://github.com/josh-frank/fludoku-back-end](https://github.com/josh-frank/fludoku-back-end)


rest

This is a US National Parks information hub & trip journal application built using React for the front end. The National Parks data is fetched from the National Parks Service API and is integrated into Google Maps via the Google Maps API for user interaction. A Rails API backend manages data persistence to a Postgres database, and image hosting is handled via the Cloudinary API.

Great Outdoors Guide


# Great Outdoors Guide

![Great Outdoors Guide Logo](https://i.imgur.com/rHRSUxY.png)

[Demo Video](https://youtu.be/nJc98KqjqLQ) | [Deployed Url](https://great-outdoors-guide.netlify.app/)

---  

### Welcome to the Great Outdoors Guide
#### Follow the links below to the corresponding repos

* Frontend Repo: [https://github.com/dsasse07/great-outdoors-guide-frontend](https://github.com/dsasse07/great-outdoors-guide-frontend)
* Backend Repo: [https://github.com/dsasse07/great-outdoors-guide-backend](https://github.com/dsasse07/great-outdoors-guide-backend)




Technical Work

Skills

Selected Projects