Thomas Batterman Mental Health Project (TBMHP)

This project setting up a website for the Thomas Batterman Mental Health Project (TBMHP), a non profit organization focused on improving accessibility to mental health services. The website will consist of  roughly ~8 pages of content. The project will focus on page layout, design, and navigation, meeting accessibility needs (WCAG, etc.), payment processing through the website, link-outs, and possible logo redesign. 

:link: Website

https://main.d2g07unwlxox5e.amplifyapp.com/

:goal_net: Objectives

Main objectives 

• Mobile friendly (Mobile first design)
• Accessible (WCAG, etc.)
• Search Engine Optimization (SEO)

Goals

• ~8 pages or tabs of content
  • Homepage
  • About Us
  • About Tom
  • Board of Directors (meet the team)
  • Events (Upcoming + Past)
  • Gallery (showing Instagram feed)
  • Contact Us
  • Donate (General)
• Payment processing through PayPal
  • Donations
  • Event registration (Single page for Event Registration + Paypal Donation + Checkout)
  • Online merchandise sale
• Mailing list opt in 
• Contact form
• Social media link-outs (i.e. Instagram)
• Instructions for maintaining domain registration
• Photo gallery (instagram feed)
• Logo (re)design

:toolbox: Tech Stack

• AWS Amplify - Full stack hosting service (used for frontend)
• Express - Node.js web application framework for handling HTTP requests and responses
• Mantine - A fully featured TypeScript based React components library
• MongoDB - Document-oriented NoSQL database system for storing/querying JSON-like data
• Node.js - JavaScript runtime environment that allows the execution on the server side
• React - Library for web and native user interfaces (used for backend)
• render - A cloud to build and run apps and websites
• TanStack Query - Powerful asynchronous state management and caching for TS/JS, React, Solid, Vue and Svelte
• Vite - A build tool that aims to provide a faster and leaner development experience for modern web projects