ThinkMoreForum-Frontend icon indicating copy to clipboard operation
ThinkMoreForum-Frontend copied to clipboard

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

ThinkMoreForum-Frontend

Watchers Forks Stars

LICENSE Code Size Stars

thinkmoreapp.com

https://user-images.githubusercontent.com/68600416/167850826-1a155349-2daf-4b8b-b8d2-e6c9452d5020.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.

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 Architecture

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.