Code Monkey home page Code Monkey logo

cv-generator-react's Introduction

Project Overview

  • You should use class components for this project.
  • Think about how to structure your application into components. Your application should include:
    • A section to add general information like name, email, phone number.
    • A section to add your educational experience (school name, title of study, date of study)
    • A section to add practical experience (company name, position title, main tasks of your jobs, date from and until when you worked for that company)
  • Be sure to include an edit and submit button for each section or for the whole CV, your preference. The submit button should submit your form and display the value of your input fields in HTML elements. The edit button should add back (display) the input fields, with the previously displayed information as values. In those input fields, you should be able to edit and resubmit the content. You’re going to make heavy use of state and props, so make sure you understood those concepts.
  • Create a components folder in your src directory and add your components.
  • Include a styles folder in your src directory for your CSS files. You’ll need to import these in the component files to use them.
  • Don’t forget to push your solution to GitHub. You should be proud of your work and show it off to the world!

First Step

Mock up a visual representation of how your project layout
will look like and mark up components that will be used

After doing so, create a heiarchy of parent nodes and child
nodes so we understand the project structure. 

Step Two

Start creating the parent node, and slowly work your way down.

cv-generator-react's People

Contributors

rcamach7 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.