Projects

YelpCamp

Campground Recommendation Website

A great place for campgound lovers to add and expand new campgrounds. You can interact with others' campgrounds and add your own favorite campgrounds.

This app is built with:

  • Language: JavaScript; node.js
  • Database: mongoDB
  • Framework: express.js; RESTful Routing
  • Authentication: passport.js
  • Layout: Bootstrap 4

Landing page is featured by 5 images looping back and forth

The main page where user can browse all current campgrounds in the database.

User can furtherly explore a specific campground and add comments.

Strict authentication process - when you want to add comments without registration or login, you will be asked to do so first.

Sign up page & route

Log in page & route


Skiing Tracker Application

A scheduling tool for skiing lovers

Are you a skiiing fan? Are you bothering about scheduling skiing trip by using old-school pen and paper? If so, you need to try this applcation which can help you easily set schedule, search for ski resorts, and track skiing progress.

This app is built with:

  • Language: node.js
  • Framework: React.js; Redux

You can add information such as where will you go, when will you go, what will you do (skiing or hiking). In addition, you can select either "powder" - skiing or "backcontry" - hiking as your activity in the chosen resort.

You can browse 3000 + skiing resorts around the world and pick your beloved one!

After adding basic information, you can find your current progress, which means how long you still have towards the end of your schedule.

You can view the schedule through the Resource tab down on the bottom of the page. Here you can also view back and forth between different groups of resorts based on the activities (skiing or hiking) you picked before.

This is the landing page where you can see how many days you've set for the schedule, and how days you will be skiing and hiking.