Chris Brown Portfolio (cbreazy.com)

This is my personal portfolio website, showcasing my skills as a full-stack developer with a specialization in UI/UX design and frontend development. It includes three sub-projects: cbreazy.com (main portfolio), storybook.cbreazy.com (component library), and plates.cbreazy.com (a separate project). There will be more to come as I compile project info from previous work!

Live Demos

• cbreazy.com (Main Portfolio): https://cbreazy.com
• storybook.cbreazy.com (Component Library): https://storybook.cbreazy.com
• plates.cbreazy.com (Separate Project): https://plates.cbreazy.com

Installation

1. Clone the repository:

   git clone [https://github.com/CBreazy/cbreazy.com.git](https://github.com/CBreazy/cbreazy.com.git)

2. Navigate to the project directory:

   cd cbreazy.com

3. Install dependencies:

   npm install

Usage

1. Run the Next.js application (cbreazy.com):

   npm run dev

2. Run Storybook (storybook.cbreazy.com):

   npm run storybook

3. Run plates.cbreazy.com (if applicable, based on your setup):

   • If plates.cbreazy.com is a separate Next.js app within the same repo, you'll likely have a specific command for it in your package.json. Adjust accordingly.

Key Features

• Professional introduction highlighting skills and experience as a full-stack developer with UI/UX focus.
• Showcase of UI/UX design and frontend development abilities.
• Clean, modern design using Tailwind CSS.
• Component-driven development with Storybook (storybook.cbreazy.com).
• Separate project showcase (plates.cbreazy.com).
• SEO optimized metadata.
• +10 years of experience as a graphic designer in an art department, informing a strong understanding of visual design principles.

Technologies Used

cbreazy.com (Main Portfolio):

• Next.js (React)
• Tailwind CSS
• Vercel Analytics
• Next/Font Local

storybook.cbreazy.com (Component Library):

• Storybook
• React
• Tailwind CSS

plates.cbreazy.com (Separate Project):

• Next.js (React)
• Tailwind CSS
• JavaScript
• Vercel

General:

• Git (Version Control)
• Agile Methodologies
• CI/CD
• Unit Testing

Contact

• LinkedIn: https://www.linkedin.com/in/chris-brown-516158182/
• GitHub: CBreazy

Author

Chris Brown