Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rubydevi/my-portfolio
In this project, I will be using mobile first approach to style my layout.
https://github.com/rubydevi/my-portfolio
Last synced: about 4 hours ago
JSON representation
In this project, I will be using mobile first approach to style my layout.
- Host: GitHub
- URL: https://github.com/rubydevi/my-portfolio
- Owner: rubydevi
- License: mit
- Created: 2023-04-27T01:44:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-26T18:37:47.000Z (12 months ago)
- Last Synced: 2024-04-13T23:03:44.838Z (7 months ago)
- Language: CSS
- Homepage: https://rubydevi.github.io/my-portfolio/
- Size: 4.51 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [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 tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
# 📖 My Portfolio Mobile Version
**My Portfolio Mobile Version** This project involves creating a responsive website layout using HTML and CSS based on a design provided in Figma. The website should include two sections and use flexbox to layout the elements on the page. The website should also implement button interactions and be responsive, with minimum screen sizes of 375px for mobile and 768px for desktop. The implementation should match the design in Figma, including font, colors, images, text, and margins.
Client
- HTML and CSS
- **Configured Linters**
- **Added an HTML File**
- **Added a CSS file**
- [Live Demo Link](https://rubydevi.github.io/my-portfolio/)
### Prerequisites
In order to run this project you need:
1. git
2. VS Code or any code editor
3. NPM intalled
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone [email protected]:rubydevi/my-portfolio.git
cd my-portfolio
```
### Install
Install this project with:
**Weblint**
1. Run this code:
```sh
npm install --save-dev [email protected]
```
2. Don't forget to copy [.hintrc](.hintrc) to the root directory of your project.
3. Run this code after you write your html code.
```sh
npm hint .
```
4. It will show you errors, fix all the errors shown.
**Stylelint**
1. Run this code:
```sh
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
2. Don't forget to copy [.stylelintrc.json](./.stylelintrc.json) to the root directory of your project.
3. Run this code after you write your html code.
```sh
npx stylelint "**/*.{css,scss}"
```
4. It will show you errors, fix all the errors shown.
### Usage
To run this project in the browser, simply open the index.html file in your preferred browser.
### Run tests
To run tests, run the following command:
```sh
npm hint .
```
👤 **Chongtham Ruby Devi**
- GitHub: [@githubhandle](https://github.com/rubydevi)
- Twitter: [@twitterhandle](https://twitter.com/ariesabyss)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/chongtham-bhoomika/)
- Desktop version of the project
- List of my works
- More Forms
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project please leave a star, I'd really appreciate it.
- I'd like to thank Microverse for this wonderful README template.
This project is [MIT](./LICENSE) licensed.