https://github.com/nguyen-hanhnong/landing-page

The personal website by Nguyen-Hanh Nong. Built using React and Bootstrap.
https://github.com/nguyen-hanhnong/landing-page

bootstrap-4 github-api html html-css-javascript instagram-api javascript personal-site personal-website portfolio portfolio-page portfolio-website react reactjs resume resume-website typist

Last synced: 4 months ago
JSON representation

The personal website by Nguyen-Hanh Nong. Built using React and Bootstrap.

• Host: GitHub
• URL: https://github.com/nguyen-hanhnong/landing-page
• Owner: Nguyen-HanhNong
• License: lgpl-3.0
• Created: 2024-07-23T00:33:07.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-07-27T21:46:37.000Z (11 months ago)
• Last Synced: 2025-01-06T02:43:46.112Z (5 months ago)
• Topics: bootstrap-4, github-api, html, html-css-javascript, instagram-api, javascript, personal-site, personal-website, portfolio, portfolio-page, portfolio-website, react, reactjs, resume, resume-website, typist
• Language: JavaScript
• Homepage: https://nnong.dev/
• Size: 5.66 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Landing Page

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![Bootstrap](https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white)

![Instagram API](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)

![Github API](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)

![GitHub contributors](https://img.shields.io/github/contributors/Nguyen-HanhNong/landing-page?color=ffcc66&style=for-the-badge)

![GitHub stars](https://img.shields.io/github/stars/Nguyen-HanhNong/landing-page?color=ffcc66&style=for-the-badge)

[![GitHub forks](https://img.shields.io/github/forks/Nguyen-HanhNong/landing-page?style=for-the-badge)](https://github.com/Nguyen-HanhNong/star_book/network)

[![GitHub issues](https://img.shields.io/github/issues/Nguyen-HanhNong/landing-page?color=ffcc66&style=for-the-badge)](https://github.com/Nguyen-HanhNong/star_book/issues)

[![GitHub license](https://img.shields.io/github/license/Nguyen-HanhNong/landing-page?color=ffcc66&style=for-the-badge)](https://github.com/Nguyen-HanhNong/landing-page/blob/master/LICENSE)

[![Node Version](https://img.shields.io/static/v1?label=Node&message=^20.10.0&color=026e00&style=for-the-badge)](https://nodejs.org)

[![npm Version](https://img.shields.io/static/v1?label=npm&message=^10.2.3&color=cb0000&style=for-the-badge)](https://nodejs.org)

## About The Project 

![Image of Landing Page](public/social-image.png)

This project contains the code for my personal landing page, which can be found at [nnong.dev](https://nnong.dev). The landing page is built using React and styled with Bootstrap. To produce the dynamic social media posts on the page, the backend dynamically pulls the latest information from Instagram and GitHub using the Instagram API and the Github API.

## Getting Started

### Prerequisites

- The project requires Node.js and npm to run. If you do not have Node.js installed, you can download it [here](https://nodejs.org/en/download/).

- The project will also require git and a valid GitHub account to run. You can download git [here](https://git-scm.com/downloads).

### Instructions

1. Clone the repository

   ```sh

   git clone

2. Install NPM packages

   ```sh

    npm install

3. Run the project

   ```sh

   npm run start

4. Open the project in your browser

   ```sh

   http://localhost:3000/

## License

Distributed under the GNU General Public License v3.0. See `LICENSE` for more information.