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

https://github.com/mohammadne/mohammadne.github.io

My Portfolio Website
https://github.com/mohammadne/mohammadne.github.io

Last synced: 3 months ago
JSON representation

My Portfolio Website

Awesome Lists containing this project

README

          

# Portfolio

![ts](https://badgen.net/badge/Built%20With/TypeScript/blue?style=flat-square)
[![Netlify Status](https://api.netlify.com/api/v1/badges/81fdb91d-c06f-46c2-b18d-dfc6f090f281/deploy-status)](https://app.netlify.com/sites/terminal-sn/deploys)
![Gitmoji](https://img.shields.io/badge/gitmoji-%20😜%20😍-FFDD67.svg?style=flat-square)

My perfolio website developed with React, TypeScript and Styled-Components. Multiple themes supported and keyboard shortcuts can be used for some functionalities.

## Features

- Responsive Design 📱💻
- Multiple themes 🎨
- Autocomplete feature ✨ (TAB | Ctrl + i)
- Go previous and next command ⬆️⬇️
- View command history 📖
- PWA and Offline Support 🔥
- Well-tested ✅

## Tech Stack

**Frontend** - [React](https://reactjs.org/), [TypeScript](https://www.typescriptlang.org/)
**Styling** - [Styled-Components](https://styled-components.com/)
**UI/UX** - [Figma](https://figma.com/)
**State Management** - [ContextAPI](https://reactjs.org/docs/context.html)
**Testing** - [Vitest](https://vitest.dev/), [React Testing Library](https://testing-library.com/)
**Deployment** - [Netlify](https://app.netlify.com/)

## Lighthouse Score


Portfolio Lighthouse Score

## Running Locally

Clone the project

```bash
git clone https://github.com/mohammadne/portfolio.git
```

Go to the project directory

```bash
cd portfolio
```

Remove remote origin

```bash
git remote remove origin
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run dev
```