Xiaoxianhua - A Place to Share Your Words

About the Project

This is a full-stack Next.js project designed to enhance my skills in front-end and back-end interactions, database operations, and user registration and validation. The project uses MongoDB to store user data and post information, with data storage, encryption, and validation procedures in place. I have also employed the next-auth tool for route protection, ensuring that only logged-in users can access pages requiring authentication.

By implementing features such as search functionality, tag filtering, and user profiles, I have become more familiar with the data interaction logic between the front-end and back-end. Finally, for the sake of convenient hosting, I have deployed the website for free on the Vercel platform.

Challenges

The main challenge is to become familiar with the interaction between the front-end and back-end, as well as the interaction between the back-end and the database.

Screenshots

Summary

During the process, I encountered some challenges related to network issues with MongoDB and next-auth, but fortunately, I was able to resolve them one by one. The main takeaway from this experience is that I was able to create a simple full-stack web application using Next.js and gained familiarity with some fundamental backend operations.