My CV v2 - starter

Welcome to version two of the project My CV. This is the starter version and it's aimed for people that are starting their 1st website or are at the very beginning of their web developer career.

Table of contents

1. What do you get out of it?
2. Requirement
3. How to start?
4. Tips
5. Good luck

What do you get out of it

This is your first PROfessional website where you'll master how to:

1. use Visual Studio Code as your editor
2. use simple icons by creating custom fonts
3. read a design and create pixel perfect interface
4. read instructions, understand and follow requirements
5. create a SPA (single page application)
6. build multiple sections like: about me, let's connect and skills
7. implement a responsive layout
8. meet the user with a light or dark theme
9. create lists, buttons, containers and more

Back to Table of contents

Requirement

While building this website you want to use only HTML and CSS. No other libraries are required or suggested. As visual guidance you can open the my-cv-v2-starter.pdf or my-cv-v2-starter.xd file from the requirement folder. You can download and use the free version of Adobe Acrobat Reader to read the pdf file or the free version of Adobe XD to open the xd file.

You are also provided with an image which can be found in requirement/image and multiple svg files which can be found in requirement/svg. You should use the provided svg files. You can use the provided image or replace it with your own as long as it is a square shape (the width and height are the same).

You want to leave alone all the provided files and folder structure and not make any changes with the exception of the web folder. All your work should be present in the web folder. So if you want to create any files and folder, you want to do it only inside the web folder.

Back to Table of contents

How to start

I am a student of CodeTap Academy?

If you are a student of CodeTap Academy, before you fork the project, get in touch with your mentor or mentor assistant so they can create a branch for you. Once this branch is created you can easily do Pull Request to it.

You will get helped by your mentor and other students of CodeTap Academy if you do Pull Requests to your branch and also receive and enhanced recommendation from your mentor when future employers will request one.

I am not a student of CodeTap Academy

You don't need to do any extra steps like the students of CodeTap Academy. Please proceed to creating a fork. Once the fork process has created a copy of the project to your profile, use the big Clone green button to make a copy to your computer and proceed just like with any other project clone from GitHub. That's it! Nothing else needs to be done, this is the final step. Have fun working on it.

Create a fork and clone

You want to go to the My CV v2 - starter project on GitHub and click the big Fork button to create a copy of it on your profile. The Fork button can be found at the top right corner of the page. Once the fork process has created a copy of the project to your profile, use the big Clone green button to make a copy to your computer and proceed just like with any other project clone from GitHub.

Create branches

To start with you want to switch to your personalised branch, like your first and last name, marian-zburlea. Example: git checkout marian-zburlea

Once you have switched to your personalised branch you want to create your first branch out of it.

In this project we have three sections: welcome, connect and skills. There should be three branches marian-zburlea-welcome, marian-zburlea-connect and marian-zburlea-skills created by the and of the project.

To create your first branch you can write git checkout -b marian-zburlea-welcome. Start solving the first section before creating your second and third branch. Once you have at least one or more changes in your newly created branch, you can create a pull request to the original project. Make sure to create the PR against your personalised branch and not against the master branch. Consider asking for help from your mentor, mentor assistant or other more experienced students if you run into trouble.

Back to Table of contents

Tips

If you have NodeJS installed consider installing one of the projects live-server or lite-server. For a beginner they do the same thing so flip a coin if you're unsure. To install them you can run in the command line: npm i -g live-server or npm i -g lite-server.

Make sure that you're inside your web folder and you have at least index.html file inside it before starting a web server by running in the command line: lite-server or live-server.

To check your current path and make sure you are or you aren't in your web folder, you can ping your wworking directory by typing in your command line: pwd

Good luck !!

I hope you'll enjoy this project and have fun while you're at it. Stay tuned for more projects to come and the tutorial for this one by following https://codetap.academy and consider subscribing as well. The next projects from this series will be:

• My CV v2 - Junior where we'll have fun using pug-starter
• My CV v2 - Mid where we'll have fun using React
• My CV v2 - Senior where we'll have fun using React and NodeJS

Back to Table of contents

Note: Any suggestions so far? If yes, let us know on https://codetap.academy by joining the chat. :) :)