davidjpy / jtravel

A social media-like project for people sharing their travelling experience in Japan

J-Travel

J-Travel is a social media web application for people to share their travelling experience in Japan.

Overview

This is a hybrid-app model, with the same backend serves HTML pages embedding JavaScript components and API requests. ReactJS + Mui v5 were adopted for frontend development, while Django + JWT authentication were used for backend development. The main dependencies are listed as follows:

• Frontend
  1. react
  2. react-router-dom
  3. webpack
  4. babel
  5. mui/material
  6. axios
• Backend
  1. Django
  2. Simple JWT Authentication

Features

• Register, login & logout your personal account.
• Edit your profile.
• Create, update & delete post.
• Add post to favourite & bookmark.
• Other small features, such as unmute background video, toggle dark theme, links to external website.

Demonstrations

Register, login & logout your personal account

• Registeration will fail if user enter an user ID that is already exist.
• Login will fail if the user enter the incorrect email or password.

Register.login.and.logout.mp4

Edit your profile

• Profile page will also record user's last login date

Edit_Profile.mp4

Create, update & delete post

• J-Travel will record the date & time when the user create a post.

Create.update.and.delete.mp4

Add post to favourite & bookmark

add.favourite.and.bookmark.mp4

Other small features, such as unmute background video, toggle dark theme, links to external website

Other.features.mp4