An open API service indexing awesome lists of open source software.

https://github.com/a9mansoo/portfolio

Website portfolio
https://github.com/a9mansoo/portfolio

motion mui react react-router

Last synced: 2 months ago
JSON representation

Website portfolio

Awesome Lists containing this project

README

          

# Personal Portfolio Website: Spin up a Modern React Portfolio with Docker & Nginx

## Overview:

1. Update and deploy a project portfolio with this ready to go app.
2. Update info.jsx files to input your own data.

## Features:

1. Career Timeline: Smooth scrolling experience using MUI and Framer Motion to showcase employment history.

2. Project Cards: Display project snippets with preview transitions and skill/chip tags.

3. Responsive Top Bar: Hides/shows dynamically on scroll for a modern UX.

4. Fully Responsive Design: Works across desktop and mobile screens.

## Tech Stack:

1. React + MUI + React Router: Reusable components and client side router.
2. Docker + Nginx Deployment: one line build and serve.

## How to serve:

1. The app can be built and served using Docker Compose.
2. Nginx is preconfigured to serve the React app, including handling client-side routing so all routes work correctly.

See for commands:

```
# Navigate to the docker compose folder

cd docker

docker compose build

docker compose up -d
```