Arcanum

A sample local Git web interface. Based on homework for 15th Yandex Interface Development School (2019, autumn).

Created with create-next-app.

Features

• listing local repos and switching between them

• file structure explorer to browse all files and folders within the repo

• file viewer to show file content and file size

• last commit info for selected file or folder
• listing local branches (both for the entire repo and for its files and subfolders) and switching between them

Technologies

• Next.js
• TypeScript
• Redux
• react-redux
• redux-thunk
• node-sass

Requirements

• NodeJS ^14.x
• Git ^2.29

Usage & development

0. Install yarn if needed.
1. git clone https://github.com/wwwildcat/shri-arcanum.git
2. Create a file called .env on the root of the project and add the BASE_PATH variable:

BASE_PATH='path'

where path is your absolute path to local directory that contains Git repositories, example: /home/user/repos.

3. yarn install
4. yarn dev
5. URL: http://localhost:3000

Unit testing

yarn test

Using Jest, react-testing-library, jest-dom with redux-mock-store, node-mocks-http and jest-fetch-mock.