Portfolio site developed with Github and NodeJS

Portfolio site developed with Github and NodeJS

Github Portfolio Web Service Developer Portfolio Site Using Github This project is currently hosted in Heroku and MariaDB is available from my raspberry pi server.

Github Portfolio Web Service

Developer Portfolio Site Using Github

DEMO

This project is currently hosted in Heroku and MariaDB is available from my raspberry pi server. You can access it from the link below and there may be a delay of up to 5 seconds during the initial connection.

Direct Link

Project Map

Introduction

I felt that the existing resume was not suitable for use with the developer's resume, and recently Github's profile was often submitted to check the developer's portfolio, but I also thought that Github's profile would not be able to properly identify the developer's capabilities.

TODO

This Web Application contains the following features:

👨‍💻FINISHED 👨‍💻

✅ Login with Github Function (Passport.js) ✅ Login with Google Function (Passport.js) ✅ After login, parse Github Repository to use individual portfolio page (Github API) ✅ Each portfolio page can parse README.md file from Github (Request, CheerIO Package) ✅ Owner Check to show different UI (Passport.js with Session and Cookies) ✅ Use Amazon S3 storage to use External Image Storage (AWS) ✅ Developing 'Mypage' to manage portfolio data (MySQL) ✅ Developing 'Chat' Page in Admin panel to contact each other (SocketIO) ✅ Developing 'Error' Page to handle Error and report to Administrator & Log (MySQL, Express) ✅ Fix number of bugs that users might encounter in their use

Please check the detailed function list below.

👨‍💻NOT YET FINISHED 👨‍💻

  1. When if register with 'Google' users cannot use their portfolio's README.md file
  2. In Mypage check the owner in Server-Side (Pending due to test)
  3. Responsive Design in Chat pages
  4. Developing Personal Introduction Page

Detailed Function

Main Page

Portfolio Page

✅ Responsive Design with Media Query ✅ Portfolio Filter Function (Projects, Certifications, Education) ✅ Image Uploaded in Amazon S3 Storage (Create, Update, Delete function Added)

Admin Page

Prerequisites

This program requires pre-installation of the program below. The tested version is shown below and is developed based on the LTS version of Node.js.

1\. Node.js 10.15.0 LTS
2\. MariaDB 10.1.23 or MySQL DB

Installing

The program will also be uploaded to the NPM in the future, and currently it will only write the installation method through the ZIP file.

  1. Download ZIP file with this Link.
  2. Unzip the downloaded file.
  3. From the command line, navigate to the directory and run it using the following command. It supports two methods.
1\. node ./bin/www (Default)
2\. supervisor ./bin/www

From the web browser, you can access the following address:

127.0.0.1:3001 (Default Port : 3001)

Built With

Issues

Use the Issue tab if you have any problems and questions with this program. Please give some ideas or ask for cooperation! Issue

Download Details:

Author: writingdeveloper

Demo: https://expressme.herokuapp.com/

Source Code: https://github.com/writingdeveloper/Github-Portfolio-Web-Service

node nodejs javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Node canvas is a Cairo backed Canvas implementation for NodeJS.

node-canvas is a Cairo-backed Canvas implementation for Node.js.

How to Hire Node.js Developers And How Much Does It Cost?

A Guide to Hire Node.js Developers who can help you create fast and efficient web applications. Also, know how much does it cost to hire Node.js Developers.

Hire NodeJs Developer

Looking to build dynamic, extensively featured, and full-fledged web applications? **[Hire NodeJs Developer](https://hourlydeveloper.io/hire-dedicated-node-js-developer/ "Hire NodeJs Developer")** to create a real-time, faster, and scalable...

Decoding Nodejs

The main goal of this blog is to explain the “Architecture of Nodejs” and to know how the Nodejs works behind the scenes. Generally, most of the server-side languages, like PHP, ASP.NET, Ruby, and including Nodejs follows multi-threaded architecture. That means for each client-side request initiates a new thread or even a new process.

Node.js for Beginners - Learn Node.js from Scratch (Step by Step)

Node.js for Beginners - Learn Node.js from Scratch (Step by Step) - Learn the basics of Node.js. This Node.js tutorial will guide you step by step so that you will learn basics and theory of every part. Learn to use Node.js like a professional. You’ll learn: Basic Of Node, Modules, NPM In Node, Event, Email, Uploading File, Advance Of Node.