Welcome to this travel share website

This is a website where you can get information about travel while you can also share your travelling experiences.Besides, it‘s free to comment on other people’s experiences.

Play

About this project

This is a full stack demo. Next.js for the frontend, spring boot/nest.js for the backend, mongodb/MySQL/redis for the database. media data is stored in Github and Tencent clound COS. and the url address of media is then saved in the database.

Technology Stack

  • Next.js
  • react
  • react-bootstrap
  • MongoDB
  • JAVA
  • Spring boot
  • Redis
  • MySQL
  • Docker
  • Github
  • Vercel
  • node.js
  • Tencent clound COS
  • Tencent clound Lighthouse
  • NestJS
  • jsonwebtoken
  • bootstrap
  • highlight.js
  • sass
  • responsive design

What you can do:

blogSystem
  1. Sign in and Sign up.
  2. Forget password, reset password.
  3. get the travel information published to this websit.
  4. like or dislike the blog.
  5. comment the blog.
  6. favoriate the blog
  7. publish your blog to share travel information.
  8. edit your blogs published
  9. follow authors
  10. edit your username, email, avatar and your introduction.
  11. browse all of the pictures saved to the database in imgae gallery tag.
  12. browser pictures in imgae gallery tag and then get the blog where the image you are interested published. Of course, you can click about author to browser the author`s profile. So, you can get more information about the author.
  13. browse all of the pictures in your blogs saved to the database in profile tag.
  14. browse all of your blogs published in profile tag.
  15. browser others` followsers
  16. browser others` favoriate blogs
  17. search the specific theme of travle information, such as a country or travel type.
  18. It will show a default image when there is no image in a blog.
  19. Browser other user`s profile
  20. Browser other user`s all blogs or images.
shoppingSystem
  1. select category products
  2. add products to cart
  3. browser product details
  4. purchase products
  5. browser purchase history
  6. browser history
  7. publish new product
  8. edit products published