Home Page - jesus-404/bubblery.github.io GitHub Wiki
Website Description
HTML
In developing the website, no HTML except index.hmtl was used in favor of JSX for dynamic elements. In the file index.html, meta tags were added in the head section to specify descriptions, keywords, icons, titles, authors, and fonts to improve SEO.
CSS
Throughout the development cycle, CSS was used along with the preprocessor SASS to create separate files for each page. Nine SASS files were created, each corresponding to a page of the same name with a main index.scss file importing and holding global variables. Further utilizing SASS, I created custom components and elements to style and render to the website or override Bootstrap component styles.
JavaScript
Working thoroughly on the development of the website, the framework React.JS, along with React Bootstrap, was used extensively to create and render pre-build and custom components, elements, and data. Nine JavaScript files were created, each containing sub-components and data objects, with index.JS being the main file for rendering the other pages. Meanwhile, App.JS was used to hold critical data in a state and storage to pass onto its proper page component as props.