guilhermeborgesbastos / live-resume

简历模版 Create a professional website & resume that helps you stand out from the crowd using our fast and easy personal web application, designed to highlight your skills and experience.

切换到中文版

The Ultimate Personal Web Resume📃

⚓ Stand out of the crowd by showing a professional website/resume.
👔 💼 Build fast 🚀 and easy the best Personal Web Application resume!

Get rid of your old and deprecated text resume by using the first Open-source Web Application (100% free), which makes a professional personal website and portfolio easy and quick to build.

What is included❓

• A fully functional Angular 15 application with a customizable template and content;
• Totally responsive for the mobile and desktop devices (allow mobile gestures too... ;));
• Internationalization for English and Portuguese (easy for adding/removing new languages - in18 lib);
• Mobile navigation sharing (Share the resume with native apps like Whatsapp, LinkedIn, Facebook, etc...);
• A complete Wiki that provides support;
• Integrated with Google Analytics;
• Optimized for SEO ( Crawler and Bots from Google, Bing, etc... );
• Using the schemas for structured data (schema.org);
• Firebase integration in the contact form;
• Composed of 5 custom sections (Welcome, About Me, Experiences, Posts, and Contact);
• Router fragment friendly (e.g: https://guilhermeborgesbastos.com/posts );
• Source code verified by static code analyzers (safe and ready for production);

Changelog

Learn about the latest improvements.

🗂 Wiki Documentation & 💬 Community Chat

To get more help on the setup, customization or any other aspect, accessing the following:

• Wiki on GitHub - A complete documentation, from getting started until deploy.
• - A Community Chat for further discussions.

⚓Prerequisite

A video tutorial is also available watch it [Video is outdated, use as guideline, if needed].

1. It is required to have Node.js with version 14.18.1 or higher. To see what version of Node.js is installed on your machine type the following command in the terminal:

node -v

2. If you haven't installed Node.js in your machine then go to this link in order to install node.

3. It is required to have NPM with version 6.14.15 or higher. To see what version of NPM is installed on your machine type the following command in the terminal:

npm -v

4. If you haven't installed NPM in your machine then go to this link in order to install NPM;

5. TypeScript version 4.8.4 or later.

📥 Installing and Executing locally

A video tutorial is also available watch it.

1. Fork this repository, by clicking the Fork button at the top-right on this page.

2. Clone the forked repository from your GitHub account.

git clone https://github.com/[replace-with-your-github-username]/live-resume.git

3. Go to the cloned directory (e.g. cd live-resume).

4. Run npm install --force.

5. Inner the folder of the cloned project, start the application:

ng serve -o --host 0.0.0.0 --configuration en

P.S: In case of ng command is not found, run the follow command:

npm install -g @angular/cli

Note: the optional parameters:

• -o aliases for opening the default browser as soon the application is served.
• --host 0.0.0.0 is useful if you want to see how your application runs on a mobile or from some other laptop/computer/network.
• --configuration=en in this example the application will be displayed in en-US, by replacing the enwith pt => --configuration pt, the application language would be pt-BR.

6. After that, the command will start a server instance and listen on port 4200. Open (http://localhost:4200/) in your browser. The Live Resume will be displayed.

Please, feel free to make improvements, or any sort of changes and send it back via pull request. Your contribution is always welcome!

🔨 How to customize?

In the Wiki Doc. there is a specific page supporting you on how to apply customizations to the layout and more... See page

🖋 Contribute

Feel free to add new features, language supports, fix bugs, or improve the docs. Any kind of help is appreciated! If you make any kind of improvements, please, send them back as a Pull Request. Let's keep making it better and up-to-date.

Credits©️

This project uses several open source packages:

• Angular
• Angular CLI
• Navigator Share
• Font Awesome

---

Site www.guilhermeborgesbastos.com
LinkedIn profile
Facebook profile

📝 License

The theme is available as open source under the terms of the MIT License.

live-resume's Issues

Missing databaseURL not present in firebaseConfig

After an update on the firebase side, the databaseURL doesn't initially show up in the firebaseConfig variable. After manually creating a Realtime Database (go to the Realtime Database tab and click on create a database) the databaseURL property showed up in my web app config in the console.

However I'm still facing a problem when filling the contact form and trying to send it (Sorry, there is an instability, try again later, or contact me via email or social media.). The web application was deployed on Firebase and the firebaseConfig variable was changed in both config and production. Thank you in advance.

Compiling issue

i have run the cmd but it is not compiling anything and also not returning any error.

Instructions to deploy as static site to Netlify

Love this project.

Can I deploy this project as a static site to hosts like Netlify?

error in last setup step.

ng : The term 'ng' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the
spelling of the name, or if a path was included, verify that the path is correct and try again.
At line:1 char:1

• ng serve --host 0.0.0.0 --configuration=en
• ~~
  • CategoryInfo : ObjectNotFound: (ng:String) [], CommandNotFoundException
  • FullyQualifiedErrorId : CommandNotFoundException

Github actions deploy

Hi Guilherme.

I am trying to use GitHub actions to deploy this great website but I have been able to do it. Do you know how can I do it? I am searching the wiki but I have not seen anything related to it.