Overview
This was my groups capstone project completed for my Master’s program. Please see VTechWorks for more information on the project and a video presentation.
Links to Repositories
Tech Stack
UI Design: Figma
Backend: Java (Spring Boot)
Database: PostgreSQL
Frontend: React, TypeScript, Vite
My Contributions
I was the front-end lead for this project. I suggested we used React/TypeScript/Vite for the front end code, which integrated well with our Java (Spring Boot) back-end. I completed all of the front-end code, including services, components, contexts, and pages. I also created all of the original UI design using Figma for each of the pages.
For a fun little short side piece of the project, I also wrote python code to generate a neat geometric shape for the logo.
import matplotlib.pyplot as plt
import numpy as np
theta = np.linspace(0, 2. * np.pi, 1000)
colors = ['white', '#861F41', '#E5751F', '#AB637A']
fig = plt.figure(figsize=(6, 6), dpi=300)
fig.set_facecolor('black')
ax = fig.add_subplot(111, polar=True)
for i, color in enumerate(colors):
r = np.abs(np.sin((i + 2) * theta))
ax.plot(theta, r, color=color, linewidth=2)
ax.set_title('')
ax.grid(False)
ax.set_yticklabels([])
ax.set_xticklabels([])
ax.spines['polar'].set_visible(False)
ax.set_facecolor('black')
plt.show()Running the above python code creates the following image, we used as our projects logo.
Photos
