hello-nav - GitLite

KO | EN

gitlite — search

#react #ai #typescript #llm #golang #deep-learning #linux #docker #macos #vue #pytorch #ios #mcp #openai

hello-nav

(★ 341)

🗺 A purely front-end development navigation

File Explorer

Download Latest Version (.zip)

- - request-app.md
- - CI.yml
- - hello-nav-dark.png
  - hello-nav.png
  - logo-text.png
- - LICENSE
  - package.json
  - tsconfig.json
  - vite.config.ts
- - favicon-114-precomposed.png
  - favicon-120-precomposed.png
  - favicon-144-precomposed.png
  - favicon-144.png
  - favicon-152-precomposed.png
  - favicon-180-precomposed.png
  - favicon-192.png
  - favicon-32.png
  - favicon-36.png
  - favicon-48.png
  - favicon-512.png
  - favicon-57.png
  - favicon-60.png
  - favicon-72-precomposed.png
  - favicon-72.png
  - favicon-76.png
  - favicon-96.png
  - favicon.ico
- .nojekyll
- googlede876c39441b0be5.html
- manifest.json
- README.md
- setup.js
- build-ext.mjs
- - manifest.json
  - setup.js
- - index.tsx
- - index.less
- - index.d.ts
  - module.d.ts
- - index.ts
- main.tsx
- vite-env.d.ts
- .gitignore
- index.ts
.env.template
.gitignore
.prettierignore
.prettierrc
index.html
LICENSE
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
postcss.config.js
README.md
renovate.json
tsconfig.json
tsconfig.node.json
vite.config.ts

# Installation Guide

1. Get the code

git clone https://github.com/hello-nav/hello-nav

Downloads the entire project code from GitHub to your computer.

cd hello-nav

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

pnpm install

Downloads and installs the libraries listed in package.json.

pnpm run build:lib

Builds optimized production files.

pnpm run dev

Starts the development/run server.

pnpm run build

Builds optimized production files.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://github.com/hello-nav/hello-nav/assets/19926530/abeb4249-1c80-4a9f-af2a-8b21435a6636">
    <source media="(prefers-color-scheme: light)" srcset="https://github.com/hello-nav/hello-nav/assets/19926530/332edbfa-70ef-4456-b17b-32fa447904d0">
    <img width="580" alt="Hello Nav" src="https://github.com/hello-nav/hello-nav/assets/19926530/09d9df38-35cd-49a8-be8b-b041087bdcc6">
  </picture>
</div>

A purely front-end development navigation.

# Hello Nav

[hello-nav.github.io](https://hello-nav.github.io)

Chrome New-Tab extension: [Chrome Web Store](https://chromewebstore.google.com/detail/hello-nav/plcklfadokmohkcifkhlelmcilgnpmcd)

## 🗺 Features

- Elegant and refined UI
- Effortlessly access over 400 curated apps
- One-click navigation to GitHub links
- Powerful and intuitive keyword search
- Flexible list and category views
- Instantly access your favorite apps with bookmarks
- Elegant and efficient sidebar navigation
- Full support for Dark Mode, easy on the eyes
- Seamlessly integrated into Chrome’s New-Tab, ready for your next idea

## 🎨 Design Overview

![image](https://github.com/user-attachments/assets/280df9e4-a90e-458e-b9f7-630d8e410f9c)

![image](https://github.com/user-attachments/assets/5755b9a1-4f94-48ed-a8f2-558025f555fc)

## ⚡️ Hello Nav on Raycast

<div align="center">
  <img src="https://github.com/user-attachments/assets/0902cef4-ebe3-419b-b9af-6241bf393a81" />
</div>

## 🎩 Hello Nav on Alfred

<div align="center">
  <img src="https://github.com/user-attachments/assets/c5614985-0608-4019-8484-d4b13566de5f" />
</div>

## 👩🏻‍💻 Development & Build Instructions

> Note: pnpm is required!

### Clone and Setup

```bash
# Clone the repository and navigate into the project directory
git clone https://github.com/hello-nav/hello-nav.git && cd hello-nav

# Install dependencies
pnpm install
```

### Development

```bash
# Build the library and start the development server
pnpm run build:lib
pnpm run dev
```

### Build for Production

```bash
# Build the library and project for production
pnpm run build:lib
pnpm run build
```

## 📄 License

Hello Nav is licensed under the [MIT license](https://github.com/hello-nav/hello-nav/blob/master/LICENSE).

© 2018-present Bener