Cuvimaker
cuvimaker is an online editor of cv maker, SEO-friendly made in Astro using vue components and tailwind. This project is coded in typescript
Overview
CUVIMAKER is an online CV maker web application that allows users to design a custom curriculum vitae and save it in a PDF format. With its user-friendly interface and variety of features, CUVIMAKER makes it easy for individuals to create professional resumes that stand out.
Features
-
Editor Example: CUVIMAKER provides an intuitive editor interface that allows users to easily create and customize their CVs.
-
Light/dark mode: Users can switch between light and dark themes according to their preference.
-
Local Storage: CUVIMAKER saves the progress made by users locally, so they can continue working on their CVs at a later time without losing any data.
-
Responsive: The web application is designed to be responsive, ensuring that users can create resumes on any device, including smartphones and tablets.
-
PDF format: CUVIMAKER allows users to save their CVs in a PDF format, making it easy to share and print them.
Summary
CUVIMAKER is an efficient and user-friendly online CV maker web application. With its intuitive editor and range of features, users can easily create customized and professional-looking resumes. The ability to switch between light and dark modes, local storage for easy resume editing, and the option to save CVs in a PDF format make CUVIMAKER a valuable tool for job seekers and professionals.
- Astro
Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- daisyUI
daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Personal
A personal website is an online platform that showcases an individual's work, interests, and personality. It can include a range of content, such as a bio, resume, portfolio, blog, and contact information, and is often used to promote one's personal brand or professional services.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.