nordic96/portfolio_website

Portfolio website of my recent projects using NodeJS, React JS and MongoDB

Hi there, I'm Stephen 👋

I'm Stephen, a computer science graduate from NUS, Singapore. I am currently working as a Frontend Developer, and I am very excited to pursue my career in Frontend Engineering!

• 🔭 I’m currently working on Frontend Development
• 🌱 I’m currently learning ReactJS, Typescript, Redux, and many more!
• 👯 I’m looking to collaborate on Establishing a structured testing environment for React based UI applications

Stats Overview

Language Used Overview

portfolio_website's Issues

Add Finalised ReadMe documentation

MongoDB Authentication Error

[1] Starting the development server...
[1]
[0] /Users/gihunko/projects/portfolio_website/node_modules/mongodb/lib/cmap/connection.js:462
[0]                     callback(new error_1.MongoServerError(document));
[0]                              ^
[0]
[0] MongoServerError: bad auth : Authentication failed.
[0]     at MessageStream.messageHandler (/Users/gihunko/projects/portfolio_website/node_modules/mongodb/lib/cmap/connection.js:462:30)
[0]     at MessageStream.emit (node:events:513:28)
[0]     at processIncomingData (/Users/gihunko/projects/portfolio_website/node_modules/mongodb/lib/cmap/message_stream.js:108:16)
[0]     at MessageStream._write (/Users/gihunko/projects/portfolio_website/node_modules/mongodb/lib/cmap/message_stream.js:28:9)
[0]     at writeOrBuffer (node:internal/streams/writable:391:12)
[0]     at _write (node:internal/streams/writable:332:10)
[0]     at MessageStream.Writable.write (node:internal/streams/writable:336:10)
[0]     at TLSSocket.ondata (node:internal/streams/readable:754:22)
[0]     at TLSSocket.emit (node:events:513:28)
[0]     at addChunk (node:internal/streams/readable:315:12) {
[0]   ok: 0,
[0]   code: 8000,
[0]   codeName: 'AtlasError'
[0] }

visual effect implementation

• Floating river visual effect in intro card
• Footer in main page

implement no. of visitors

New Design Section

change font

Update LabelContainer Dependency

Design change in intro section

Vertical anchor nav-bar

New Project Section Design Implementation

Refactoring & LabelContainer Implementation

Converting project to Typescript base code

React Client Optimisation

• Memoise static components
• Change class components to function components

React Warnings regarding with DOM rule validation

• Key must be stated for each child in a list

Package File and Dependencies Update

Applying ES Lint & Prettier Configs

Dockerise App

Project List Sliding with clickable arrows

Need to navigate to various projects using clickable arrows, other than automatic sliding

fix project card text display issue

Project card sometimes the description does not fully display all of its text. Might need to implement scrollable container, or change the font-size issue

Authentication of mongoose instead of passing password

Relocate Routes in Server.js

store string values in centralised place

for readability improvement

New Home Page Design Implementation

Implement Project tags

Add test cases for client side rendering

profile image change on hover