ThinkMoreForum-Frontend
ThinkMoreForum-Frontend copied to clipboard
ThinkMore Forum frontend build with Next.js, Typescript, MUI.
ThinkMoreForum-Frontend
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 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 filepackage.json
are required to run production.