https://github.com/ryanlarge13/vanillajs-portfolio

An old portfolio project I created back when first learning Javascript. This was the first website i ever officially created. It is a fulstack application and a lot of good fun and logic!
https://github.com/ryanlarge13/vanillajs-portfolio

agora-sdk api-rest css ejs express html javascript mongodb mongoose nodejs portfolio

Last synced: 15 days ago
JSON representation

An old portfolio project I created back when first learning Javascript. This was the first website i ever officially created. It is a fulstack application and a lot of good fun and logic!

• Host: GitHub
• URL: https://github.com/ryanlarge13/vanillajs-portfolio
• Owner: RyanLarge13
• Created: 2022-07-01T06:31:33.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-12T04:32:55.000Z (about 1 year ago)
• Last Synced: 2024-12-12T13:45:14.791Z (20 days ago)
• Topics: agora-sdk, api-rest, css, ejs, express, html, javascript, mongodb, mongoose, nodejs, portfolio
• Language: SCSS
• Homepage: https://ryanlarge13.github.io/VanillaJs-Portfolio/
• Size: 2.74 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Personal_Portfolio

 My personal portfolio project where I showcase my skills in JavaScript, Node.js, HTML & CSS

# About the page

 You will find a simple sleek design, with some interesting features, allowing you to see what I am good at

 You will see ways to contact me, view the projects I have completed as well as an about me section. 

# What is implimented? 

 1. live form validation

 2. connection to an external API and implementing a real time peer to peer messaging platform

 3. backend server side execution through node.js for receiving data

 4. many cool features to animate dynamically, and provide a fun accessible way to communicate

# Dependencies 

For You:

 * Chrome 49 or later, 

 * Firefox 52 or later, 

 * Safari 9 or later, 

 * Internet Explorer 11 or later

For App:

 * body-parser: "^1.20.0",

 * express: "^4.18.1",

 * mongodb: "^4.8.1",

 * morgan: "^1.10.0",

 * mysql: "^2.18.1",

 * path: "^0.12.7",

 * uuid: ^8.3.2

 Javascript enabled on your browser, and the link!! 

 https://ryanlarge13.github.io/Personal_Portfolio/

  - View the website by a click and give some feed back! Don't forget to run through some of the code

# Link to AgoraRTM API

 https://docs.agora.io/en/Real-time-Messaging/messaging_web?platform=Web

# Starting up a chat

 1. You will be prompted to input a name and a channel

 2. The name field is not required and a random ID will be assigned to you if it is not filled out

 3. The channel input is also not required. 

   - A channel name && a username can be ANYTHING, a name or a number (all special characters are welcomed). 

   - Creating a new private channel or joining depends on what you name it. 

       - It is recommended to use numbers and letters. If a channel is already in use, you will join it. If not, a new one will be created.

       - If the channel input is ommitted, you will automatically join the 'main' channel.

 4. You're in! Invite friends with your channel name! 

 5. To leave type: "Leave chat" and you will be prompted with a conformation. 

 #I HOPE YOU LOVE IT!