Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/binhtran432k/cv
Curriculum Vitae of Binh Duc Tran
https://github.com/binhtran432k/cv
bun curriculum-vitae cv qwik qwik-city vite
Last synced: about 2 months ago
JSON representation
Curriculum Vitae of Binh Duc Tran
- Host: GitHub
- URL: https://github.com/binhtran432k/cv
- Owner: binhtran432k
- Created: 2023-07-03T04:11:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-23T06:06:52.000Z (10 months ago)
- Last Synced: 2024-03-23T07:25:19.199Z (10 months ago)
- Topics: bun, curriculum-vitae, cv, qwik, qwik-city, vite
- Language: TypeScript
- Homepage: https://cv.binhtran432k.com/
- Size: 641 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Curriculum Vitae ⚡️
- [Qwik Docs](https://qwik.builder.io/)
- [Discord](https://qwik.builder.io/chat)
- [Qwik GitHub](https://github.com/BuilderIO/qwik)
- [@QwikDev](https://twitter.com/QwikDev)
- [Vite](https://vitejs.dev/)
---
## Description
This project showcases a personal CV built using Qwik, a high-performance web
framework known for its speed, efficiency, and developer experience. It
demonstrates the following capabilities:
- **Dynamic and Interactive Presentation**: Leverages Qwik's innovative techniques
to create a visually appealing and engaging CV, potentially using elements
like animations or interactive components.
- **Optimized for Browser Printing**: Ensures seamless formatting and presentation
quality when printed for physical copies, adhering to standard CV layouts or
your desired design choices.
- **Modern Web Technology Expertise**: Highlights proficiency in Qwik, a rapidly
evolving framework with a growing community and gaining traction in the web
development landscape.
## Project Structure
This project is using Qwik with [QwikCity](https://qwik.builder.io/qwikcity/overview/). QwikCity is just an extra set of tools on top of Qwik to make it easier to build a full site, including directory-based routing, layouts, and more.
Inside your project, you'll see the following directory structure:
```
├── public/
│ └── ...
└── src/
├── components/
│ └── ...
└── routes/
└── ...
```
- `src/routes`: Provides the directory-based routing, which can include a hierarchy of `layout.tsx` layout files, and an `index.tsx` file as the page. Additionally, `index.ts` files are endpoints. Please see the [routing docs](https://qwik.builder.io/qwikcity/routing/overview/) for more info.
- `src/components`: Recommended directory for components.
- `public`: Any static assets, like images, can be placed in the public directory. Please see the [Vite public directory](https://vitejs.dev/guide/assets.html#the-public-directory) for more info.
## Add Integrations and deployment
Use the `bun qwik add` command to add additional integrations. Some examples of integrations includes: Cloudflare, Netlify or Express Server, and the [Static Site Generator (SSG)](https://qwik.builder.io/qwikcity/guides/static-site-generation/).
```shell
bun qwik add # or `bun qwik add`
```
## Development
Development mode uses [Vite's development server](https://vitejs.dev/). The `dev` command will server-side render (SSR) the output during development.
```shell
bun start
```
> Note: during dev mode, Vite may request a significant number of `.js` files. This does not represent a Qwik production build.
## Lefthook
You can also use the optional Lefthook to check Prettier and ESLint before commit. [Lefthook.yml](./lefthook.yml) powers this functionality.
```
lefthook install
```
## Preview
The preview command will create a production build of the client modules, a production build of `src/entry.preview.tsx`, and run a local server. The preview server is only for convenience to preview a production build locally and should not be used as a production server.
```shell
bun preview
```
## Production
The production build will generate client and server modules by running both client and server build commands. The build command will use Typescript to run a type check on the source code.
```shell
bun build
```
## Static Site Generator (Node.js)
```shell
bun build # You must build first
bun build.server
```