Skip to content

Latest commit

 

History

History
123 lines (83 loc) · 3.18 KB

README.md

File metadata and controls

123 lines (83 loc) · 3.18 KB
Raw

aa

CV app logo

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