Skip to content

Otavie/react-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

OTAVIE'S PORTFOLIO SITE

Otavie Okuoyo Portfolio

Welcome to my portfolio website! This project showcases my skills, projects, and experience as a fullstack engineer. You can explore various sections of the site to learn more about me and my work.

Table of Contents

Project Overview

This project is a personal portfolio website designed to highlight my skills and showcase my projects. It provides visitors with information about my background, skills, and contact details. The portfolio includes the following sections:

  • Home: The default landing page that welcomes visitors to my portfolio.

  • Projects: This section lists some of the projects I have worked on. Visitors can click on a project to view more details.

  • About Otavie: Here, I provide information about myself, my skills, and my experiences as a fullstack engineer.

  • Contact: A contact form that allows visitors to get in touch with me. Messages sent through the form are processed using EmailJS for email services.

Technologies Used

The portfolio website is built using the following technologies:

  • HTML: Used for structuring the web pages.

  • SCSS: Used for styling the website, providing a clean and visually appealing design.

  • Bootstrap: Utilized to streamline the design process and create a responsive layout.

  • React: The website is developed as a single-page application (SPA) using React for a smooth user experience.

  • EmailJS: Integrated to handle email services, making it easy for visitors to contact me.

Installation

To run this project locally, follow these steps:

  1. Clone the repository to your local machine:

    git clone https://github.com/Otavie/react-portfolio.git
  2. Navigate to the project directory:

    cd otavie-portfolio
  3. Install the project dependencies:

    npm install

Usage

To start the development server and view the website locally, use the following command:

npm start

The website will be accessible at http://localhost:3000 in your web browser.

Routes

The portfolio website consists of four main routes:

  • Home (Default): The landing page that introduces visitors to the portfolio.

  • Projects: This page lists various projects I have worked on. Visitors can click on a project card to view more details.

  • About Otavie: Here, I provide information about my skills, experiences, and background.

  • Contact: A contact form where visitors can send messages. Messages are sent to my email address using EmailJS.

Contact

If you have any questions, suggestions, or would like to get in touch, feel free to reach out to me:

Thank you for visiting my portfolio website!