mooniiDev/cv-application

A small CV building project using React.

A CV application that graphically displays the information provided.

🔗 Live preview

Table of Contents

• About the Project
  • Features
  • Technologies
  • Tools
  • Third Party Code
• Build Process
• Usage
• Outcome
• Authors

About the Project

CV Application project, created with React library and create-react-app tool. The project is from The Odin Project curriculum.

Features

• Switch between hiding and showing forms
• Add personal, practical, educational information and additional skills
• Delete practical and educational forms
• Add more practical and educational forms
• Delete added skills
• Edit current information
• Preview formatted information from forms
• Enjoy responsive design

Technologies

• React
• CSS

Tools

• Visual Studio Code
• Git and GitHub
• Create React App
• ESLint + Airbnb JavaScript style guide
• Prettier code formatter
• Linux terminal

Third Party Code

• uniqid package
• Font Awesome icons

⬆️ Back to top

Build Process

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

1. Clone this repository:

$ git clone https://github.com/mooniiDev/cv-application.git

2. Go to the cloned repository:

$ cd cv-application

3. Install dependencies:

$ npm install

4. Build an application:

$ npm run build

5. Deploy an application to gh-pages

$ npm run deploy

Usage

1. To try an app use GitHub Pages or start a local server

$ npm start

⬆️ Back to top

Outcome

• Learned to use React class based components, props and state
• Used CSS Flexbox model to create a responsive layout
• Learned to use an official React component for Font Awesome icons
• Learned to import and use fonts locally
• Learned the basics of validating prop types and creating default props
• Cross tested on Firefox and Chromium browsers

Authors

mooniiDev | LinkedIn | mooniidev@proton.me