https://github.com/sksumit/dev-profile
https://github.com/sksumit/dev-profile
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sksumit/dev-profile
- Owner: SkSumit
- Created: 2020-06-25T13:16:54.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-28T05:18:32.000Z (almost 6 years ago)
- Last Synced: 2025-01-27T12:28:58.745Z (over 1 year ago)
- Language: CSS
- Size: 6.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sumit Kolpekwar
## [Video Demonstration]
in `Dev Profile -Demo` .
Video did not capture dropdown options.
## What's included
The `npm` dependencies included in `package.json` are:
* [bulma](https://github.com/jgthms/bulma)
* [node-sass](https://github.com/sass/node-sass) to compile your own Sass file
* [postcss-cli](https://github.com/postcss/postcss-cli) and [autoprefixer](https://github.com/postcss/autoprefixer) to add support for older browsers
* [babel-cli](https://babeljs.io/docs/usage/cli/), [babel-preset-env](https://github.com/babel/babel-preset-env) and [babel-preset-es2015-ie](https://github.com/jmcriffey/babel-preset-es2015-ie) for compiling ES6 JavaScript files
Apart from `package.json`, the following files are included:
* `.babelrc` configuration file for [Babel](https://babeljs.io/)
* `.gitignore` common [Git](https://git-scm.com/) ignored files
* `index.html` this HTML5 file
* `_sass/main.scss` a basic SCSS file that **imports Bulma** and explains how to **customize** your styles, and compiles to `css/main.css`
* `_javascript/main.js` an ES6 JavaScript that compiles to `lib/main.js`
### Installing
Now, that you prepared the groundwork for your project, set up Bulma and run the watchers:
```sh
cd my-bulma-project
npm install
npm start
```
As long as `npm start` is running, it will **watch** your changes. You can edit `_sass/main.scss` and `_javascript/main.js` at will. Changes are **immediately** compiled to their destinations, where `index.html` will pick them up upon reload in your browser.
Some controlling output is written to the `npm start` console in that process:
```sh
_javascript/main.js -> lib/main.js
=> changed: $HOME/projects/start-with-bulma/_sass/main.scss
Rendering Complete, saving .css file...
Wrote CSS to $HOME/projects/start-with-bulma/css/main.css
```
## Built With
* [Bulma](https://bulma.io/)
## Why Bulma?
* Modular, component-rich, compatible and easy to use
* CSS only, no excessive JQuery and keeps the files lite.
* Responsive and well-documented
## Approx Time for completion is 15 hrs.