- π About the Project
- π» Getting Started
- Screenshot
- π₯ Authors
- π Future Features
- π€ Contribute
- βοΈ Show your support
- π Acknowledgements
- π License
It is my personal portfolio project and it is for my learning purposes in order to become good software developer and it is not only a project but also a way to know my skills and with the help of it I can be able to showcase my hard-work that I have done in past or whatever I will do in future.
Personal Portfolio is a vanilla-js blog website.
Leaderboard is front-end project
Technologies
Anyone can see my latest projects that I created and know more about me.
Link to your deployed project.
In order to start with this project do as follows :
To get a local copy up and running, follow these steps.
-
Good Knowlege on HTML and CSS (Semantics,Box-Model, Background style and Image Tag, Flexbox, Grid and Media Query)
-
Install Node.js, Npm Copy the linters from https://github.com/microverseinc/linters-config/tree/master/html-css
-
Please install the HTML, CSS and Lighthouse linters using Node Package Manager by typing below commands
- npm install -g @lhci/cli@0.7.x (For LightHouse linter)
- npm install --save-dev hint@7.x [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.hintrc (For HTML linter)
- npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.stylelintrc.json
- use "git clone https://github.com/skyv26/portfolio.git"
cd portfolio
I have added the linters or tests in order to avoid anykind of typos and ensure the good practices in this project. So while using this repository if you need to check your work no matters have worked on html, css and js you can use below commands
-
In order to run the linter test on
index.html
or any html file. Use below commandnpx hint .
-
To run linter test on stylesheets. Use below command
npx stylelint "**/*.{css,scss}"
-
To run linter test on javascript files. Use below command
npx eslint .
it will automatically correct the errors
Mention all of the collaborators of this project.
π¨βπ» Aakash Verma
- GitHub: @skyv26
- Twitter: @vrma_aakash
- LinkedIn: skyv2022
- Frontend Mentor: @skyv26
In upcoming weeks I will add some features as mentioned below
- Add full features like sign-up, sign-in and API
Write a message to encourage readers to support your project
If you like this project then please give a βοΈ and also share your feedback using github_issues.
Thanks to everyone who helped me β€οΈ
This project is MIT licensed.