A resource for anyone who is interested in my work as a web developer: tonybrierly.com
Table of Contents
This website serves as a resource for anyone who wants to find out more about me or see my work.
It also serves as a great frontend practice project for me with an emphasis on animation. I wanted to practice various techniques so I utilized several different methods for animation: CSS, SVG, and Framer.
I also wanted a bit more interactivity, so I added a LLM chatbot using OpenAI SDK.
This SPA is split into 4 sections:
- An introductory About section
- A Projects section to provide information about some of my notable work
- A Robot Me section that uses a static knowledge base combined with LLM calls to answer users' questions about me. This also incorporates tools that fire push notifications to my phone when a user wants to connect and provides their email, or when the knowledge base is insufficient to for answering a user's question.
- A Contact section with form-to-email functionality.
NOTE: Obviously, this project is a personal website. That said, if any part of it can be useful to you, it is freely available. To get a local copy up and running, follow these steps:
Node and NPM are required.
npm install npm@latest -g- Clone the repo
git clone https://github.com/tonyb650/portfolio.git
- Install packages with
npmcd portfolio && npm install
- Create
.envfile and populate with environment variables. See.env.example - Change git remote url to avoid accidental pushes to base project
git remote set-url origin github_username/repo_name git remote -v # confirm the changes - Run the application
npm run dev
This is v1 of my personal website. I intend to add new projects to it as I complete them and make a v2, etc. as time allows.
Distributed under the Unlicense License. See LICENSE.txt for more information.
Tony Brierly
Deployed project: tonybrierly.com