Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

mooniiDev/cv-application

Repository files navigation

aa

A CV application that graphically displays the information provided.

πŸ”— Live preview

Table of Contents

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

Edit mode interface

Preview mode interface

⬆️ 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
  1. Go to the cloned repository:
$ cd cv-application
  1. Install dependencies:
$ npm install
  1. Build an application:
$ npm run build
  1. 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

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /