Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gervinfung/personal-website

Everyone developer needs their own personal/portfolio website, and this is mine. Welcome to my website
https://github.com/gervinfung/personal-website

make makefile material-ui nextjs portfolio react typescript vercel vitest

Last synced: 27 days ago
JSON representation

Everyone developer needs their own personal/portfolio website, and this is mine. Welcome to my website

Awesome Lists containing this project

README

        

# My personal website

It started out as a basic web application developed when I wanted to learn web development

In the end, I ended up creating my own web application

# Preview

Home Page

![Home](test/snapshot/snapshot-images/pc/dark/home.png 'Home')

Projects Page

![Projects](docs/projects.png 'Projects')

Contact Page

![Contact](test/snapshot/snapshot-images/pc/dark/contact.png 'contact')

Error Page

![error](test/snapshot/snapshot-images/pc/dark/error.png 'Error')

# Tech Used

| Aspect | Name |
| ---------------------------------------------------------------------- | -------------- |
| Development Language | TypeScipt |
| Scripting Language | TypeScipt |
| Testing | Vitest |
| Styling | Material UI |
| Framework | NextJS |
| Build Automation Tool | Make |
| Text Editor | NeoVim |
| Dependency Management | Pnpm |
| Continuous Integration, Continuous Delivery, and Continuous Deployment | GitHub Actions |

# How to build this app?

_*Make sure you have `pnpm` and `make` available in your system*_

_*Below are the listed commands that you can use to build/develop/test this app*_

| Command | Usage |
| ---------------------------------------------------- | ------------------------------------------------- |
| make start | Start the bundled app |
| make generate | Generate the file needed |
| make start-(development OR production) | Start development |
| make build-(development OR production) | Bundle and build the app |
| make copy-env-(development OR testing OR production) | Copy environment variables to `.env` |
| make deploy-(staging OR production) | Bundle, build and deploy the app |
| make install | Install all dependencies |
| make test | Run all test code |
| make typecheck | Run typechecking for source code |
| make lint | Run linter for source and test code |
| make format-check | Run prettier to check source and test code format |
| make format | Run prettier to format source and test code |