Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 12 days ago
JSON representation
Everyone developer needs their own personal/portfolio website, and this is mine. Welcome to my website
- Host: GitHub
- URL: https://github.com/gervinfung/personal-website
- Owner: GervinFung
- License: gpl-3.0
- Created: 2021-11-30T17:44:38.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-11-19T14:43:39.000Z (about 1 month ago)
- Last Synced: 2024-11-19T15:43:26.944Z (about 1 month ago)
- Topics: make, makefile, material-ui, nextjs, portfolio, react, typescript, vercel, vitest
- Language: TypeScript
- Homepage: https://gervinfungdaxuen.vercel.app
- Size: 84.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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 |