Qiming-Liu / ThinkMoreForum-Frontend

ThinkMore Forum frontend build with Next.js, Typescript, MUI.

ThinkMoreForum-Frontend

thinkmoreapp.com

ThinkMore.mp4

ThinkMoreForum is a place for people to make any kind of discussion, where people come together to share their opinion. As a discussion platform, it is multifunctional, interactive, and mobile-ready. Administrators can easily set the look and topic of the forum, manage user permissions, and customize the site footer. The development process uses Jira as an agile scrum software to help the team organize and prioritize the work, and uses Github as a version control tool for a lightweight, branch-based workflow. From a technical perspective, the project uses message queues to send emails, and implements high-level JWT updates and protection, constructs WebSocket to achieve real-time online users and real-time notifications.

The website is a preview version, which only contains the Frontend. To see the full version, please deploy a Backend.

Project Architecture

Front-end	Back-end
• Next.js • Redux • Typescript • MUI • Axios • Husky • Jest • Eslint • Sass-lint • Prettier • Yup, Formik	• Spring boot • Lombok & Mapstruct • Flyway & PostgreSQL (JPA) • Swagger & Postman • Spring Security & JWT • Jacoco & Mockito • RabbitMQ (amqp) • Amazon S3 (MinIO) • Redis (Jedis) • Sockjs (websocket) • Sendgrid (Email)

Project Development and Deployment

Install dependencies

$ yarn

LiveReload Development

$ yarn dev

Build for Production

$ yarn build

The build is folder .next

Run the Production

$ yarn start

Only folder .next, node_modules and file package.json are required to run production.