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.
About this project
This is a full stack demo. Next.js for the frontend, express.js for the backend, mongodb for the database. media data is stored in Github or Tencent clound COS as you like (you just need to fill in your token as The code has implemented the function) and the url address of media is then saved in the database.
Technology Stack
- next
- react
- react-bootstrap
- mongoose
- Github
- Vercel
- node.js
- Tencent clound COS
- Tencent clound Lighthouse
- Websocket
- express
- jsonwebtoken
- axios
- bootstrap
- highlight.js
- react-dom
- react-quill
- react-router-dom
- react-toastify
- sass
- bcrypt
- cors
- cos-nodejs-sdk-v5
- dotenv
- multer
- responsive design
What you can do:
- Sign in and Sign up.
- get the travel information published to this websit.
- like or dislike the blog.
- comment the blog.
- publish your blog to share travel information.
- edit your username, email, avatar and your introduction.
- browse all of the pictures saved to the database in imgae gallery tag.
- 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.
- browse all of the pictures in your blogs saved to the database in profile tag.
- browse all of your blogs published in profile tag.
- search the specific theme of travle information, such as a country or travel type.
- It will show a default image when there is no image in a blog.
- Browser other user`s profile
- Browser other user`s all blogs or images.