FULL STACK

  • EXPRESS DEPLOYTED BMI CALCULATOR

    EXPRESS DEPLOYTED BMI CALCULATOR

    Back-End - - 2021

    TECHNOLOGIES

    • HTML
    • CSS
    • Bootstrap
    • Backend Node.js
    • Express

    The BMI Calculator uses Express toolkit (based on Node. js) to deploy a web app calculating the adult BMI index through input human weight and height.

    Visit

    GitHub Repo

  • EXPRESS DEPLOYED WEATHER FETCH APP

    EXPRESS DEPLOYED WEATHER FETCH APP

    Back-End - - 2021

    TECHNOLOGIES

    • HTML
    • CSS
    • Bootstrap
    • Backend Node.js
    • Express

    The Express Deployed Weather Fetch APP utilizes the data of Open Weather API as raw material. It first presents a web page where users could input the latitude and longitude of a location, and then the realtime weather condition in the moment as well as that in the next 7 days will be loaded.

    Visit

    GitHub Repo

  • EXPRESS DEPLOYED NEWSLETTER SIGNUP PAGE

    EXPRESS DEPLOYED NEWSLETTER SIGNUP PAGE

    Back-End - - 2021

    TECHNOLOGIES

    • HTML
    • CSS
    • Bootstrap
    • Backend Node.js
    • Express
    • MailChimp
    • Heroku

    The project is deployed by Node.js and hosted by Heroku. It mainly uses the Express library in node. The backend also takes advantage of MailChimp API which is used to store and manage subscriber's info. As you can see in display, after user submits the form, all the infomation flow to the MailChimp, and you can check out users' email, name and country there!

    Visit

    GitHub Repo

  • MONGOOSE TO DO LIST APP

    MONGOOSE TO DO LIST APP

    Back-End - - 2021

    TECHNOLOGIES

    • HTML
    • CSS
    • Bootstrap
    • Backend Node.js
    • Express
    • Heroku
    • Mongoose
    • MongoDB

    It's a to-do-list app. New task items could be set up by clicking the '+' button and removed after the checkbox is checked. The customized task lists can be accessed through input params such as 'chores' or 'work' into url path, every single type-in will generate a relative customized task list.

    Visit

    GitHub Repo

  • MONGOOSE DAILY JOURNAL APP

    MONGOOSE DAILY JOURNAL APP

    Back-End - - 2021

    TECHNOLOGIES

    • HTML
    • CSS
    • Bootstrap
    • Backend Node.js
    • Express
    • Heroku
    • ejs
    • Mongoose
    • MongoDB

    The Express and Mongoose Deployed Daily Journal Web APP contains the function of publishing, storing and deleting daily journals.

    Visit

    GitHub Repo

  • NODEJS AUTHENTICATION: SECRETS

    NODEJS AUTHENTICATION: SECRETS

    Back-End - - 2021

    TECHNOLOGIES

    • HTML
    • CSS
    • Bootstrap
    • Backend Node.js
    • Express
    • Heroku
    • Mongoose
    • MongoDB
    • Passport

    A website utilise different authentication stategy in Node.js to register user, and finally they could publish their secrets there.

    Visit

    GitHub Repo

  • XIAOTONG'S PORTFOLIO SITE

    XIAOTONG'S PORTFOLIO SITE

    Back-End - - 2021

    TECHNOLOGIES

    • HTML
    • CSS
    • Bootstrap
    • Backend Node.js
    • Express
    • Netify
    • Pug

    A template designed by myself to store all my project items.

    Visit

    GitHub Repo