an open blog for all things Muay Thai
Muay Thai Thoughts was created to provide an open blog space to share anything and everything related to Muay Thai. This project combines two of my greatest passions, coding and Muay Thai, and it served as a creative outlet for me to be able to both create something through code, and to share my experience and understanding of Muay Thai.
Muay Thai Thoughts was created primarily using React, with React Router for page routing and React Hooks to handle stateful logic and dynamic user interactions for certain components. React Modal was used to display the full article at the top level of the screen upon opening the article from its display preview. All articles are stored in a NoSQL database that is fetched from the front end using an axios get request managed by the useEffect hook and a designated RESTful API from the server.
Styling was implemented with traditional CSS style sheets in addition to using Material UI components. The intention was to develop a site with a unified look and feel where the design stays consistent throughout the different pages and components.
Some technical challenges were trying to implement pagination for the articles and connecting the pages with fetching the articles from the database. The approach that was ultimately implemented required combining the usage of an event handler function, React Hooks, and a separate pagination component to move through the separate pages depending on the number of articles that were present in the database.