Back to Projects

Xiaoxianhua - A Place to Share Your Words

A full-stack social platform built with Next.js, TypeScript, and MongoDB

Xiaoxianhua - A Place to Share Your Words
·Role Full-Stack Developer·Started Oct 1, 2023·Completed Oct 13, 2023·Visit Project
Web DevelopmentUI/UX DesignFull StackNext.jsTypeScriptReactPersonal Project

Overview

Xiaoxianhua is a place to share your words. It is a social media platform that allows users to share their thoughts and ideas with others. Users can post their thoughts, ideas, and opinions on the platform.

Details

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.

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.

Gallery