Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

README

        




CV Application


**❝** Get your CV done fast and hassle-free with our intuitive tool **❞**




❯  
View Demo
 · 
Report Bug
 · 
Request Feature
  ❮




Mobile Preview


## 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/) version

To 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 👋


Linkedin Profile
  


mail/
  


Github Profile