ericclasson/portfolio-react

Portfolio that i have built with react

- Eric Classon Portfolio

Table of contents

• Overview
  • Links
• [Getting Started](# Getting-Started)
• My process
  • Built with
  • What I learned
  • Useful resources

Links

• Live Site URL: (Portfolio)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

1. Clone the repo

   git clone https://github.com/your_username_/Project-Name.git

2. Install NPM packages

   npm install

3. Run project

My process

When i started this project i first started with doing an figma skiss with the flowdiagram of the components and an all over skiss of the design. Then im focus was to start from the bottom nav - footer and implementing all the necessary content i needed. Then i implementeted all the JS and the over effects i wanted.

Over all i liked this project, it was a fun exercise for react.

Built with

• Semantic HTML5 markup
• CSS custom properties
• SaSS
• Flexbox
• Grid
• JS
• React
• Psudocode before build - Figjam
• Mobile-first workflow
• Next.js - React framework

What I learned

The project was a bit of recap of what i have been learnd the last few months with html, css and js. So the project i self was good for me to do. The main focus in this was react, to learn all the basics of it. I wanted to try and figure out every problem by my self from start do finish.

Useful resources

• MDN - This helped me for fixing the issues i stumbled on. I really liked this pattern and will use it going forward.
• W3 Schools - This helped me for fixing the issues i stumbled on. I really liked this pattern and will use it going forward.