Jon Christie

Jon Christie Portfolio 2023

Revised portfolio for 2023. Built with React, Tailwind CSS, and Framer Motion.

Table of Contents

• Demo
• Features
• Tech
• Installation
• Usage
• Contributing
• License
• Contact

Demo

Live Demo

Features

• Responsive Design
• Dark Mode
• Contact Form
• Smooth Scrolling
• Animated SVGs
• Mobile-friendly
• Accessibility-friendly
• Scalable and Reusable Components
• Modern UI/UX Design
• Customizable

Tech

Technologies Explained

• React: A popular JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for quickly styling UI components.
• Styled Components: A library that allows you to write CSS in your JavaScript code.
• Heroicons React: A library of free, high-quality icons that are designed to be easily customizable and used in various UI components.
• Testing Library: A suite of tools for testing user interfaces to ensure reliability and ease of use.
• Framer Motion: A library for creating smooth and subtle animations to enhance the user experience.
• React CountUp: A library for animating numbers, such as statistics or metrics, in a fun and engaging way.
• React Router Dom: A library for enabling navigation within the app.
• Web Vitals: A library for measuring and optimizing the app’s speed and responsiveness.

Installation

Use the package manager npm to install react-tailwindcss-portfolio.

npm install

Usage

npm start

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

Contact

Jon Christie

GitHub: mathcodes