/portfolio-frontend

A React-based frontend for a portfolio site.

Primary LanguageTypeScript

Portfolio Frontend

A frontend for a Portfolio site, made using React, TypeScript, and SASS.

The purpose of this project was to be part of a larger-scale portfolio project built with an Express web-server backend and React UI frontend. My hope was that in living through the unforseen growing pains of a project in motion, I would come to better understand these technologies than I had up until this point. This proved to be true, and building the frontend and backend components has laid the foundation for my knowledge with React and Express respectively.

Functonality

The site is designed with a public-facing main side as well as a private, admin-accessible route for managing the data presented.

Most users will view the public-facing site - here they can view and filter various projects and blog posts made on the platform by keyword or tag.

From the admin page, individual instances of our data models can be added, updated, or removed.

Screenshots

Main Site

Main landing page. Main landing page

Model overview. The Project overview page

Model overview filtering. Project overview with the result filter tool

Model view 1. The view for a single Post

Model view 2. More detail on the Post content

Admin Tools

Admin landing page. Admin landing page

Admin model overview page. Admin model overview page