Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/nikkhvat/go-portfolio

Front-end for open source website goportfolio.nik19ta.pro. React, TypeScript, Redux ToolKit
https://github.com/nikkhvat/go-portfolio

i18next jwt-authentication react react-router-v6 redux toolkit typescript

Last synced: about 1 month ago
JSON representation

Front-end for open source website goportfolio.nik19ta.pro. React, TypeScript, Redux ToolKit

Awesome Lists containing this project

README

        

# Front-end for goportfolio.nik19ta.pro

## About the project

A highly focused portfolio content management system

- wiew my profile on [just-portfolio](https://goportfolio.nik19ta.pro/nik19ta)
- wiew [figma](https://www.figma.com/file/ByR2BncjKvUtaWHV4GbUpI/just-portfolio.com?node-id=0%3A1)
- wiew [back-end](https://github.com/nik19ta/goportfolio-back)
- wiew [data base](https://github.com/nik19ta/goportfolio-back#db-schame) schema

### Tools

- Lang - TypeScript
- Framework - React
- State manager - Redux ToolKit
- For multilingual - i18n
- Icons/modals - [ant.d](https://ant.design/)
- For http requests - axios
- For auth - JWT
- For routes - React Router v6
- For CI/CD - GitHub Actions

## How to run

### Start for local development

1. Get packages `npm i `
2. Paste host in .env file in `REACT_APP_SERVER_HOST`
3. Start `npm run start`

### Start for production

1. Build react `npm run build`
2. [Configure Nginx](https://github.com/nik19ta/goportfolio-back#configuration-nginx)
3. Сopy files to server `rsync --archive --compress --delete . username@host:/var/www/project_name/html`

## Screenshots

![Screenshot list of projects](./README/1.png)
![Screenshot project description](./README/2.png)