From cfb884d16975ca6b415f1694a85041606bd1c3bd Mon Sep 17 00:00:00 2001 From: Mikayla Dobson <93477693+innocuous-symmetry@users.noreply.github.com> Date: Fri, 3 Jun 2022 20:07:16 -0500 Subject: [PATCH] refactoring, documentation --- src/components/ProjectsArray.js | 136 ++++++++++++++++++++++++++++++++ 1 file changed, 136 insertions(+) create mode 100644 src/components/ProjectsArray.js diff --git a/src/components/ProjectsArray.js b/src/components/ProjectsArray.js new file mode 100644 index 0000000..6d971c4 --- /dev/null +++ b/src/components/ProjectsArray.js @@ -0,0 +1,136 @@ +import { Card } from "@mui/material"; + +export const projectsArray = [ + { + name: "Mikayla's E-Commerce Store", + languages: ["TypeScript", "React", "PERN", "REST_API"], + inProgress: true, + jsx: ( + +

Mikayla's E-Commerce Store

+

A fully-featured e-commerce platform

+

Built in React with TypeScript, Node/Express, and PostgreSQL

+

Payment processing supported through Stripe

+

REST API fully documented in Swagger

+

IN PROGRESS

+
+ ) + }, + { + name: "Procedural Drones", + languages: ["JavaScript", "HTML/CSS"], + inProgress: true, + deployed: true, + jsx: ( + +

Procedural Drones

+

An experimental space for building out procedural music generation using vanilla JavaScript

+

Uses Tone.js to interact with the Web Audio API

+

Features a plain HTML/CSS front end to interact with the program

+
+ GitHub Repo + Deployed version +
+
+ ) + }, + { + name: "Reddit, but it's all cats", + languages: ["React", "Redux"], + inProgress: false, + deployed: true, + jsx: ( + +

Reddit, but it's all cats

+

A read-only Reddit client -- this site fetches data from Reddit and displays a curated feed.

+

This was built on Reddit's JSON API, using React/Redux and CSS.

+

And yes, it's all cats.

+
+ GitHub Repo + Deployed version +
+
+ ) + }, + { + name: "Personal Timestamp Generator", + languages: ["Python", "SQLite"], + inProgress: false, + jsx: ( + +

Personal Timestamp Generator

+

A small-scale timestamp/productivity management tool for individual use and logging of + time, including compartmentalization by task and some aggregate functions based on queries. +

+

Command-line interface built on Python with a SQLite Database.

+ View the repo here! +
+ ) + }, + { + name: "Musical Counterpoint Bot", + languages: ["HTML/CSS", "JavaScript"], + inProgress: true, + jsx: ( + +

Musical Counterpoint Bot

+

A web-based program with functionality to evaluate sample solutions of problems in + species-based counterpoint, as detailed by Johann Fux in Gradus ad Parnassum.

+

This project is intended to be used as a practical application of linked lists and + other compound data structures in JavaScript.

+

In progress. Using vanilla HTML/CSS/JS.

+
+ ) + }, + { + name: "Password Game", + languages: ["React", "MongoDB", "MERN", "React", "REST_API", "Socket.io", "Sass", "MaterialUI"], + inProgress: true, + jsx: ( + +

Password Game

+

As part of a mentorship program hosted by Metazu Studio

+

Implemented using MongoDB, React, and Node/Express, styled with Material UI/SCSS.

+

In progress, building in collaboration with others at Metazu Studio.

+
+ ) + }, + { + name: "Splinter", + languages: ["React", "PERN", "Socket.io"], + inProgress: true, + jsx: ( + +

Splinter

+

A clone of a popular card-based resource gathering game

+

Local multiplayer, with plans to build out online multiplayer and solo vs. CPU

+

In progress. Using React, Node/Express, and PostgreSQL.

+
+ ) + }, + { + name: "Carenest", + languages: ["React"], + inProgress: false, + jsx: ( + +

Carenest

+

Designed in collaboration with Faith Magras, Elvis Hernandez, and Daytreon Dean + as a submission for #HACKTN in March 2022.

+

Produced using React. View the repo here!

+
+ ) + }, + { + name: "This Site", + languages: ["React", "Sass", "MaterialUI"], + inProgress: true, + jsx: ( + +

And, last but not least, the site you see here!

+

This site is built using React, Material UI, and SCSS, and is hosted with Netlify.

+ View the site repo here! +
+ ) + } +] \ No newline at end of file