Skip to content

A personal portfolio website built with Next.js and Chakra UI, showcasing the work, experience, hobbies, and contact information of freelance writer Jared Eastlick. Features responsive design, integration with Next.js for server-side rendering, and use of Chakra UI components for styling.

License

Notifications You must be signed in to change notification settings

Puffy12/Jared-Eastlick-Portfolio

Repository files navigation

Jared Eastlick Portfolio

Welcome to the portfolio website for Jared Eastlick, a freelance writer. This project showcases Jared's work and provides a platform for potential clients to learn more about his skills and services.

Technologies Used

  • Next.js: A powerful React framework for server-side rendering and static site generation.
  • Chakra UI: A simple, modular, and accessible component library for building responsive and accessible web applications.
  • Framer Motion: A production-ready motion library for React that makes it easy to create animations.
  • Three.js: A JavaScript 3D library that makes WebGL simpler.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
  • Vercel: A cloud platform for static sites and Serverless Functions, providing a seamless deployment experience.

Features

  • Responsive Design: The website is fully responsive and works on all devices, providing an optimal user experience.
  • Animated Elements: Smooth and engaging animations using Framer Motion.
  • 3D Graphics: Stunning 3D elements created with Three.js.
  • Accessible UI: Built with accessibility in mind using Chakra UI.
  • Fast and Reliable: Hosted on Vercel for fast load times and reliable performance.

Project Structure

The project structure follows the standard Next.js conventions:

  • /public /assets
    • images, icons, etc.
  • /src /components
    • individual components
  • /pages
    • Next.js pages
  • /styles
    • global and component-specific styles
  • /utils
    • utility functions

Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

  • Node.js and npm installed on your machine.

Installation

  1. Clone the repo
    git clone https://github.com/yourusername/jared-eastlick-portfolio.git
  2. Install NPM Packages
    npm install

Usage

  1. Run the development server
    npm run dev
  2. Open your browser and navigate to http://localhost:3000 to see the application in action.

About

A personal portfolio website built with Next.js and Chakra UI, showcasing the work, experience, hobbies, and contact information of freelance writer Jared Eastlick. Features responsive design, integration with Next.js for server-side rendering, and use of Chakra UI components for styling.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published