Personal Website

Welcome to my personal website! This is a React-based web application that showcases information about me, my interests, projects, and more.

Table of Contents

• Personal Website
  • Table of Contents
  • Features
  • Technologies Used
  • Getting Started
    • Prerequisites
    • Installation
  • Usage
    • Development Server
    • Building for Production
    • Preview Production Build

Features

• Responsive Design: Optimized for all device sizes.
• Modern UI: Clean and intuitive user interface.
• Dynamic Content: Interactive components built with React.
• Performance Optimizations: Images and assets are optimized for faster load times.

Technologies Used

• React: A JavaScript library for building user interfaces.
• TypeScript: Adds static typing to JavaScript, enhancing code quality.
• Vite: A fast development build tool.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• ESLint: A tool for identifying and fixing linting errors.
• PostCSS & Autoprefixer: For processing CSS and adding vendor prefixes.
• Sharp & SVGO: For image optimization.
• Fonts:
  • Cinzel Variable
  • Anonymous Pro
• Icons: Using react-icons for scalable vector icons.

Getting Started

Prerequisites

Make sure you have the following installed on your system:

• Node.js (v14 or later)
• npm (v6 or later)

Installation

1. Clone the repository:

   git clone https://github.com/samuelmevik/personal-website.git

2. Navigate to the project directory:

   cd personal-website

3. Install dependencies:

   npm install

Usage

Development Server

To start the development server with hot reloading:

npm run dev

Open your browser and navigate to http://localhost:5173 to view the website.

Building for Production

To build the application for production:

npm run build

The optimized files will be in the dist folder.

Preview Production Build

To preview the production build locally:

npm run preview

Thank you for taking the time to view my project!