Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/imransilvake/personal
My personal website built using @angular to keep track of my projects and to showcase my work to the public.
https://github.com/imransilvake/personal
angular angular-cli continuous-integration firebase font-awesome hammerjs moment netlify-deployment ngx-translate rxjs scss-framework
Last synced: 6 days ago
JSON representation
My personal website built using @angular to keep track of my projects and to showcase my work to the public.
- Host: GitHub
- URL: https://github.com/imransilvake/personal
- Owner: imransilvake
- License: mit
- Created: 2019-11-02T10:04:44.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-01-24T17:36:20.000Z (about 4 years ago)
- Last Synced: 2024-12-04T18:15:43.227Z (2 months ago)
- Topics: angular, angular-cli, continuous-integration, firebase, font-awesome, hammerjs, moment, netlify-deployment, ngx-translate, rxjs, scss-framework
- Language: TypeScript
- Homepage: https://imransilvake.netlify.app
- Size: 1.33 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# iKhan - Personal
My personal website built using Angular to keep track of my projects and to showcase my work to the public.
## Content
- [X] Pages
- [X] Homepage
- [X] Profile
- [X] Projects
- [X] Language Filters
- [X] Projects List
- [X] Attach Photo Gallery to all Projects
- [X] Photography
- [X] Image Slider
- [X] Grid Layout for Images
- [X] Fetch Grid Layout Images Data from Firebase Storage API
- [X] Attach Photo Gallery to all Images
- [X] Features
- [X] Light / Dark mode
- [X] Increase / Decrease font-size
- [X] Support Internationalization (i18n)
- [X] Notifications
- [X] Welcome Message
- [X] Internet Connection Failure
- [X] General Error Message
- [X] SEO
- [X] Change HTML Tags based on language change
- [X] Add / Update meta tags
- keywords
- author
- description
- [X] Set lang Attribute
- [X] Set Page Title
- [X] Add sitemap.xml
- [X] Add robots.txt
## Libraries and Frameworks
#### Internal
- [X] [SCSS Framework](https://github.com/imransilvake/SCSS-Framework)
#### External
- [X] [Angular CLI](https://cli.angular.io/)
- [X] [Firebase](https://firebase.google.com/)
- [X] [i18n - NGX Translate](https://github.com/ngx-translate/core)
- [X] [RxJs](https://rxjs.dev/)
- [X] [HammerJS](https://hammerjs.github.io/)
- [X] [Moment](https://momentjs.com/)
- [X] [FontAwesome](https://fontawesome.com/)
## Environments
|Serve|Script|Description|
|---|---|---|
|Development|`yarn start`|Serve the application @ `localhost:1500`|
|Next|`yarn serve.app.next`|Serve the application @ `localhost:2000`|
|Production|`yarn serve.app.prod`|Serve the application @ `localhost:3000`|
|Build|Script|Description|
|---|---|---|
|Development|`yarn build`|Build the application to `./dist` directory|
|Next|`yarn build.app.next`|Build the application to `./dist` directory|
|Production|`yarn build.app.prod`|Build the application to `./dist` directory|
## Prettier & Linting
#### Prettier
|Script|Description|
|---|---|
|`yarn pretty:check`|Check Typescript and Json|
|`yarn pretty:apply`|Apply Typescript and Json|
#### Linting
|Script|Description|
|---|---|
|`yarn lint:es`|Lint Typescript and Json|
|`yarn lint:scss`|Lint SCSS|
## SCSS
Include the following import in each component to get access to [SCSS helpers and methods](https://github.com/imransilvake/SCSS-Framework/blob/master/documentation/guide.md).
```
@import 'scss-methods';
```
## Tools Configuration
#### Prettier & Linting
Prettier and Eslint
#### Pre-commit & Commitlint
- `pre-commit`: Husky and lint-staged
- `commit-msg`: commitlint checks if your commit messages meet the conventional commit format.
#### Automate Versioning
commitizen and standard-version
#### Continuous integration (CI) & continuous delivery (CD)
Husky and lint-staged
## Releasing
A summary of development workflow with standard-version involving multiple git branches.
#### 1. **[feature-branch]** Stage modified files using:
```
git add .
```
#### 2. **[feature-branch]** Commit the files using git-cz package:
```
npm run commit
```
#### 3. **[feature-branch]** Now that all files have been committed, they are ready to be pushed to the remote:
```
git push origin
```
#### 4. **[Bitbucket]** Create a Pull Request to master branch.
#### 5. **[master]** After it is merged, the following steps are done within the master branch:
- Run the command npm run release (which will bump versions based on commit types, add commit descriptions to CHANGELOG.md, and create git tags according to the current version).
- Push changes and git tags to master branch using:
```
git push --follow-tags origin master
```