Mikai Somerville's Portfolio Website

Welcome to my personal portfolio! This web application is built using React with React Router, Sass styling, and Motion for complex animations. The site showcases my skills, projects, and achievements in the field of web development. You can check it out at mikaisomerville.com!

Table of Contents

• Introduction
• Features
• Installation
• Technologies Used
• Project Structure

Introduction

This portfolio is a personalized space for me to highlight my expertise, share my projects, and provide information about my coding journey. The application offers an interactive and user-friendly experience for visitors to explore my work and get in touch with me.

Features

• Responsive Design: The portfolio is designed to be accessible and visually appealing across various devices and screen sizes.

• Navigation: Users can easily navigate between different sections of the portfolio using the navigation bar.

• About Me Section: A section to introduce myself, my background, and my interests.

• Education Section: A section to showcase my educational background and qualifications.

• Project Showcase: I can display coding projects with detailed information, including technologies used, project descriptions, and github links.

• Experience Section: A section to showcase my previous work experience.

Installation

To run this portfolio locally, follow these steps:

1. Clone the repository: git clone https://github.com/mikais13/personal-portfolio.git

2. Navigate to the project directory: cd personal-portfolio

3. Install dependencies: npm install

4. Start the development server: npm start

5. Open your browser and visit http://localhost:3000

Technologies Used

• ReactJs: A JavaScript library for building user interfaces.
• Sass: A CSS preprocessor that enhances the styling capabilities of the application.
• React Router: A routing library for React applications to navigate between different components.
• Motion: A library for creating animations in web applications.

Project Structure

The project structure follows a standard React application layout. Key directories include:

• src/components: Contains React components used to build different sections of the portfolio.
• src/app: Contains the main application component and routing configuration.
• src/utils: Contains the CSS variables and utility functions used throughout the application.
• public: Static assets and the index.html file.

---

Thank you for checking out my Coding Portfolio! If you have any questions or feedback, feel free to reach out.