Skip to content

Commit 5f13726

Browse files
Update README.md
1 parent d035c58 commit 5f13726

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

README.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,31 @@
11
# Bennett Taylor's Portfolio
22
Welcome to the GitHub repository for my portfolio website! The site was built using React, Next.js, PostCSS, and Tailwind CSS. It is currently hosted on GitHub pages as my user site, BennettTaylor.github.io. I chose to forgo using jekyll for GitHub Pages for extra flexibility in frameworks, and to learn more about standard web development.
33

4-
# Development
4+
## Development
55
With the Next.js framework, development is quite easy for this site. All you need to modify this site is to download the required frameworks (using Node.js), fork my repository and run locally using `npm run dev`. To upload to GitHub pages, you can use the deploy.yml GitHub workflow found in my project. This requires you to set up the repository as a GitHub Pages repository and selecting GitHub Actions as the source. More information can be found here: https://docs.github.com/en/pages/quickstart
66

7-
# Features
8-
## Reactive
7+
## Features
8+
### Reactive
99
I experimented with reactive web design in this project by incorporating animations and color changes in response to events like loading and user interaction. Clickable sections will expand when hovered over; cards on the screen will "pop" into existance when loaded for the first time; Links will fade to green when hovered over. These elements help the user experience and bring a sense of life to the otherwise static site.
1010

11-
## Mobile Friendly
11+
### Mobile Friendly
1212
Using Tailwind CSS, many sections of the website have different layouts and sizing to support mobile web viewing. Everything that works on desktop should also work just fine on mobile.
1313

14-
## Lightweight
14+
### Lightweight
1515
Because this website is a relatively small, static website, it performs relatively well without long load times or delays. Images have been reduced in size to support faster loading times.
1616

17-
# Site Structure
18-
## Homepage
17+
## Site Structure
18+
### Homepage
1919
The homepage has all my basic information and background. It starts with a welcome message and photo of my self, followed by a section describing myself. Beneath this is a project section (identical to the project page) for users who chose to keep scrolling on the homepage. Near the bottom is a contact section and footer.
2020

21-
## C.V.
21+
### C.V.
2222
The C.V. page contains an up-to-date version of my resume with most of my experinces, skills, and professional/educational background. Fairly standard.
2323

24-
## Projects
24+
### Projects
2525
The project page contains a few cards showcasing some of the projects I am most proud of contributing to. They can be expanded for more information by clicking on them.
2626

27-
## Art
27+
### Art
2828
The art page contains four different sections: Painting, Digital Art, Film Photography, and Digital Photography. Each section has some of my favorite pieces that I have made in each of the mediums.
2929

30-
# AI Disclaimer
31-
My expertise is not in web design, so much of the website was built with the help of LLMs like ChatGPT and Google Gemini. I spent quite a bit of time learning HTML, CSS, and JS so I could understand how the website works and what was possible (and easier to achieve with frameworks). In the end I focused on Tailwind CSS as the main framework for styling the site as it was easy to pick up with some knowledge of CSS. A lot of the work done by AI was for helping to manage the React and Next.js aspects of the sight, which I simply didn't have time to learn properly. I'm quite happy with the final result and am glad to be able to take advantage of these tools.
30+
## AI Disclaimer
31+
My expertise is not in web design, so much of the website was built with the help of LLMs like ChatGPT and Google Gemini. I spent quite a bit of time learning HTML, CSS, and JS so I could understand how the website works and what was possible (and easier to achieve with frameworks). In the end I focused on Tailwind CSS as the main framework for styling the site as it was easy to pick up with some knowledge of CSS. A lot of the work done by AI was for helping to manage the React and Next.js aspects of the sight, which I simply didn't have time to learn properly. I'm quite happy with the final result and am glad to be able to take advantage of these tools.

0 commit comments

Comments
 (0)