ajarana.github.io

This portfolio website was developed and designed by Andres Arana. Its graphic design and frontend architecture are currently being redesigned.

You can view the current production build at ajarana.github.io.

Please note that the following components, pages, and styles are in the process of being refactored:

• header
• footer
• resume
• blog
• home
• Sass partials

Currently also in the process of switching over to styled-components from Sass / CSS Modules.

If the need arises, I plan to use zustand for application-level state management and Context to manage the state for a group of components.

Getting Started

Install Dependencies

npm install

Run the Development Server

npm start

Create React App's development server has Hot Module Replacement configured and enabled by default.

Run Unit Tests

npm test

Generate a Production Build

npm run build

The production build gets placed in the generated build folder.

Stack

The major components of this project include:

• React
• TypeScript
• Sass
• CSS Modules
• React Router
• React Query
• Create React App
• Font Awesome
• lint-staged
• husky
• prettier
• gh-pages