Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/0xabdulkhaliq/cv-application
Minimalistic CV Generator built using React
https://github.com/0xabdulkhaliq/cv-application
cv cv-application odin-project react vite
Last synced: about 1 month ago
JSON representation
Minimalistic CV Generator built using React
- Host: GitHub
- URL: https://github.com/0xabdulkhaliq/cv-application
- Owner: 0xabdulkhaliq
- License: mit
- Created: 2023-12-03T04:38:34.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-15T10:49:53.000Z (9 months ago)
- Last Synced: 2024-11-08T11:23:33.390Z (3 months ago)
- Topics: cv, cv-application, odin-project, react, vite
- Language: JavaScript
- Homepage: https://0xabdulkhalid.github.io/cv-application/
- Size: 185 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
**❝** Get your CV done fast and hassle-free with our intuitive tool **❞**
❯
View Demo
·
Report Bug
·
Request Feature
❮
## Project Overview
- The CV Application was primarily developed to gain a better understanding of React fundamentals.
- Building this application enabled me to learn about State Management, React Hooks, and leverage Vite's features for deploying production-ready applications.
- Considered a warm-up project, I focused on the core concepts and did not delve into intricate details, such as the implementation of the Header and Footer.
- Developed as part of the partial completion of the Odin Project's Full-Stack JavaScript Path.
- Since this was my initial experience with React, the code quality may not be optimal. However, I am committed to refining my coding practices through continuous practice and building more applications with React.
## Installation
> [!NOTE]
> If you prefer not to install it locally, you can also access the [live demo](https://0xabdulkhalid.github.io/cv-application/) versionTo set up the CV Application locally, follow these steps:
1. Clone the GitHub repository to your local machine:
```bash
git clone https://github.com/0xabdulkhalid/cv-application.git
```2. Navigate to the project's directory:
```bash
cd cv-application
```3. Install the project's dependencies using npm:
```bash
npm install
```4. Building the source for Production using Vite:
```bash
npm run build
```5. The build files can be found on `dist` (distribution) directory.
## Pagespeed Insights Score
- ||
| :-----: |
| Overall Score 99.3%, Average of Mobile and Desktop
[ Mobile devices score is only shown below ] |
| |
| |
| |
| Check out [**Pagespeed Insights**](https://pagespeed.web.dev/analysis/https-0xabdulkhalid-github-io-cv-application/hijg2l98gu?form_factor=mobile) to get live score |
||
## Built With
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
## Tools Used
![NPM](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white) ![Google](https://img.shields.io/badge/google-DA4437?style=for-the-badge&logo=google&logoColor=white) ![Visual Studio Code](https://img.shields.io/badge/VS%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white) ![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white) ![Figma](https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white)![Prettier](https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E) ![Eslint](https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge&logo=eslint&logoColor=white) ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)
## Let's Connect 👋