Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/skyv26/portfolio

Portfolio is made with vanilla-js and I did it with my partner. I have added so many user interaction and the most importantly I made it Accessible so that disabled person can be able to navigate through my portfolio.
https://github.com/skyv26/portfolio

accessibility branches css3 flexbox-layout github-actions github-pages grid-layout html html5 javascript media-queries portfolio pull-requests responsive-web-design vanilla-js

Last synced: 23 days ago
JSON representation

Portfolio is made with vanilla-js and I did it with my partner. I have added so many user interaction and the most importantly I made it Accessible so that disabled person can be able to navigate through my portfolio.

Awesome Lists containing this project

README 

        



# 📗 Table of Contents



- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run Linters](#run-tests)

- [Screenshot](#screenshot)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contribute](#contribute)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)



# 🧑‍💻 Leaderboard 



> **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.



## 🛠 Built With 



### Tech Stack 



> Leaderboard is front-end project



Technologies

  



### Key Features 



> Anyone can see my latest projects that I created and know more about me.



(back to top)



## 🚀 Live Demo 



> Link to your deployed project.



- [**See Project 🚀**](https://skyv26.github.io/portfolio/)



(back to top)



## 💻 Getting Started 



> In order to start with this project do as follows :



To get a local copy up and running, follow these steps.



### Prerequisites



- 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/[email protected] (For LightHouse linter)

   * npm install --save-dev [email protected]

          [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.hintrc (For HTML linter)

   * npm install --save-dev [email protected] [email protected] [email protected] [email protected]

          [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.stylelintrc.json



### Setup



- **use "git clone https://github.com/skyv26/portfolio.git"**

  - `cd portfolio`



### Run Linters



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 command



  `npx 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**



(back to top)



## Screenshot  





  
Challenged Design (Desktop Version)


  

  


    

  





(back to top)



## 👥 Authors 



> Mention all of the collaborators of this project.



👨‍💻 **Aakash Verma**



- GitHub: [@skyv26](https://github.com/skyv26)

- Twitter: [@vrma_aakash](https://twitter.com/vrma_aakash)

- LinkedIn: [skyv2022](https://linkedin.com/in/skyv2022)

- Frontend Mentor: [@skyv26](https://www.frontendmentor.io/profile/skyv26)



(back to top)



## 🔭 Future Features 



> In upcoming weeks I will add some features as mentioned below



- [ ] **Add full features like sign-up, sign-in and API**



(back to top)



## 🤝 Contribute 



[William Raga](https://github.com/itsmraga-hub)



(back to top)



## ⭐️ Show your support 



> 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.



(back to top)



## Acknowledgments



Thanks to everyone who helped me ❤️



(back to top)



## 📝 License 



This project is [MIT](./LICENSE) licensed.



(back to top)