Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/manthanank/gh-portfolio
GitHub Portfolio
https://github.com/manthanank/gh-portfolio
angular github-api portfolio ssr
Last synced: 26 days ago
JSON representation
GitHub Portfolio
- Host: GitHub
- URL: https://github.com/manthanank/gh-portfolio
- Owner: manthanank
- License: mit
- Created: 2024-07-01T07:54:50.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-01T09:29:39.000Z (6 months ago)
- Last Synced: 2024-12-02T08:13:42.959Z (27 days ago)
- Topics: angular, github-api, portfolio, ssr
- Language: TypeScript
- Homepage: https://gh-portfolio-sandy.vercel.app
- Size: 242 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# GH-Portfolio Project
This project is an Angular-based application designed for creating a dynamic and responsive portfolio website. It incorporates Angular Universal for server-side rendering, aiming to improve both the performance and the search engine optimization (SEO) of the website.
## Features
- **Angular Universal Integration**: Enhances SEO and performance through server-side rendering.
- **Responsive Design**: Utilizes Bootstrap for a layout that adjusts beautifully across various devices.
- **Dynamic Content Loading**: Leverages Angular's powerful data binding and routing for a seamless user experience.
## Prerequisites
Before starting with the GH-Portfolio project, ensure you have the following installed:
- Node.js (Refer to `package.json` for the version compatibility)
- Angular CLI (Refer to `package.json` for the version compatibility)
## Installation
Follow these steps to set up the project locally:
1. Clone the repository:
```bash
git clone https://github.com/manthanank/gh-portfolio.git
```
2. Navigate to the project directory:
```bash
cd gh-portfolio
```
3. Install the dependencies:
```bash
npm install
```
## Usage
Here are some commands to help you get started:
- **Development Server**: Run the application in development mode.
```bash
npm run start
```
- **Production Build**: Build the application for production.
```bash
npm run build
```
Built files will be stored in the `dist/` directory.
- **Server-Side Rendering**: Build the application for server-side rendering.
```bash
npm run build:ssr
```
```bash
npm run serve:ssr
```
The application will be accessible at `http://localhost:4200`.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgements
- [Angular](https://angular.io/)
- [Bootstrap](https://getbootstrap.com/)
- [Node.js](https://nodejs.org/)
- [Angular Universal](https://angular.io/guide/universal)
- [GitHub Pages](https://pages.github.com/)
This project is from Angular Projects - Build modern web apps with Angular 16 with 10 different projects and cutting-edge technologies by Mark Thompson.