ThinkMore Forum frontend build with Next.js, Typescript, Redux, Jest, Sass, MUI.

Overview

ThinkMoreForum-Frontend

Watchers Forks Stars

LICENSE Code Size Stars

Website

Desktop

Mobile

Front-end technology stack

  1. Next.js
  2. Redux
  3. Typescript
  4. MUI
  5. Axios
  6. Husky
  7. React testing-library Jest
  8. Eslint, sass-lint, prettier

Back-end technology stack

  1. Spring boot
  2. Lombok & Mapstruct
  3. Flyway & PostgreSQL (JPA)
  4. Swagger & Postman
  5. Spring Security & JWT
  6. Unit Test & Jacoco & Mockito
  7. Gradle
  8. RabbitMQ (amqp)
  9. Amazon S3 (MinIO)
  10. Redis (Jedis)
  11. Sockjs (websocket)
  12. Sendgrid (Email)

Technology stack and architecture diagram

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.

You might also like...

Typescript template for a discord bot using discord.js

Discord-Typescript-Template Typescript template for a discord bot using discord.js. Installation Clone the repository git clone https://github.com/Ami

Oct 17, 2022

Max is a Typescript-based Discord bot with many functionalities

Max is a Typescript-based Discord bot with many functionalities. He is both my learning curve for understanding Discord's API as well as my current passion project.

May 24, 2022

Frontend template using react with MUI

Table of contents React-template Usage Build Vite Docker Linter Continuous integration Code documentation Technologies React-template This is a fronte

May 2, 2022

🚀 A well-structured boilerplate and Starter for Next.js 12+, Tailwind CSS 3, Redux, Redux Thunk, and TypeScript

🚀 A well-structured boilerplate and Starter for Next.js 12+, Tailwind CSS 3, Redux, Redux Thunk, and TypeScript ⚡️ Made with developer experience first ESLint + Prettier + Lint-Staged + VSCode setup

Nov 28, 2022

Next js boilerplate with redux toolkit, redux persist and axios

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Apr 25, 2022

🥾 A simple way to do testing AWS Services and Jest or Serverless and Jest

jest-localstack-preset Install Install via yarn or npm $ yarn add https://github.com/thadeu/jest-localstack-preset.git or $ npm i https://github.com/t

Oct 1, 2022

A Node.js Express backend for a Stackoverflow like answering forum, with RESTful endpoints

A Node.js Express backend for a Stackoverflow like answering forum, with RESTful endpoints, written in es6 style with linted and comprehensively unit-tested code. Utilizes a local json database using fs but has full separation of concern to implement anything else.

Jan 9, 2022

This website was designed to allow viewers complete access to all movie and tv series trailers. It was created using React + MUI

This website was designed to allow viewers complete access to all movie and tv series trailers. It was created using React + MUI

Trailer - Time 👾 Demo https://trailer-time.netlify.app/ 🎯 about This project is a simplified front end clone of some movie webside (like Netflix/Hul

Aug 24, 2022

SUID is all a set of utils and components ported from MUI Core and much more.

Solid.js User Interface Design (SUID) A port of Material-UI (MUI) built with Solid.js SUID is all a set of utils and components ported from MUI Core a

Jan 1, 2023

A Hacker News style forum, built on the Lens Protocol.

Refract A Hacker News style forum, built on the Lens Protocol This starter kit is composed of Next.js and Tailwind CSS, with RainbowKit, ethers, & wag

Dec 2, 2022

MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo

Dec 30, 2022

📕 The minimal and reddit like forum

📕 The minimal and reddit like forum

jeddit 📕 The minimal and reddit like forum Install git clone https://github.com/kyro95/jeddit.git cd reddit npm install npx prisma db push Setup Crea

Sep 1, 2022

📌 A chips input designed for MUI (Material ui) V5

📌 A chips input designed for MUI (Material ui) V5

MUI chips input A chips input designed for the React library MUI Installation // with npm npm install mui-chips-input // with yarn yarn add mui-chips

Dec 23, 2022

Stacks Voice is a reference project that builds on the SIP018 signed structured data standard to create an accountless internet forum.

Stacks Voice Stacks Voice is a reference project that builds on the SIP018 signed structured data standard to create an accountless internet forum. Th

Dec 21, 2022

A bot that will keep track of how many helpful answers you've provided in a Discord forum

dojo-bot A bot that will keep track of how many helpful answers you've provided in a Discord forum To learn more about it, provide feedback, or see it

Nov 22, 2022

Next.js + TypeScript + Material UI v5 + Sass + Storybook starter

Next.js + TypeScript + Material UI v5 + Sass + Storybook starter

nextjs-ts-mui5-scss-storybook-starter 📕 Next.js + TypeScript + Material UI v5 + Sass + Storybook starter 📕 with linting & prettier pre-configured Ma

Oct 19, 2022

👤 Aplicação de registro de usuários. Desenvolvido com Next.js, Sass, TypeScript, Node.js e Docker.

 👤 Aplicação de registro de usuários. Desenvolvido com Next.js, Sass, TypeScript, Node.js e Docker.

👤 Registrado Aplicação de registro de usuários capaz de criar, ler, atualizar e deletar usuários do banco de dados (CRUD). O projeto é dividido em Fr

Oct 25, 2022

An NPM package to help frontend developers get started with using SASS and SCSS on your project easily. The Package follows the 7-1 architecture project structure.

Project Title - Create SASS APP Ever wanted to code up a frontend project with SASS & SCSS and you are stuck with building the acclaimed 7-1 architect

Sep 22, 2022
This is a Todo app build with JS, HTML/CSS , Webpack

todo-list Todo List app Additional description about the project and its features. Built With HTML5 CSS3 Webpack JavaScript Live Demo Live Demo Link G

houssam hichami 6 May 22, 2022
A PHP Laravel web application that uses most of Laravel technologies to build that gym system

A PHP Laravel web application that uses most of Laravel technologies to build that gym system.The System is based on rules. Admin, City Manager, Gym Manager. All Crud operations running using data tables.

Ashraf Eldawody 9 Dec 29, 2022
Instant Fulltext Search with Redis & Next.js

Redis FullText Search Build a fulltext instant-search feature with Redis & Next.js. Watch the video on YouTube. Follow the full Redis Next.js tutorial

Fireship 66 Dec 4, 2022
Next.js + Tailwind CSS Example

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

null 2 Sep 1, 2022
Online Golang Struct to TypeScript Interface Converter

Golang Struct to TypeScript Interface Use this tool live! https://stirlingmarketinggroup.github.io/go2ts/ This tool converts Go structs to TypeScript

Stirling Marketing Group 42 Dec 17, 2022
TypeScript with a Borrow Checker. Multi-threaded, Tiny binaries. No GC. Easy to write.

TypeScript with a Borrow Checker. Multi-threaded, Tiny binaries. No GC. Easy to write.

David Alsh 1.4k Dec 19, 2022
Type-Safe Errors for JS & TypeScript

Type-Safe Errors for JS & TypeScript

Gio 1.4k Jan 6, 2023
Shikimori.ts - JavaScript & TypeScript wrapper for shikimori.one

shikimori.ts shikimori.ts - JavaScript & TypeScript wrapper for shikimori.one Features Full TypeScript support Support all platforms Easy to use Table

null 5 Sep 15, 2022
A simple bot for Lingos exercises automation written entirely in Typescript.

Linger The spiritual successor to lingus Stack used Typescript SWC Yarn Nodejs Puppeteer Dotenv UUID Nodemon Instalation Prerequisites: Nodejs: ^16.13

TlenDev 2 May 9, 2022
An implementation of cellular automata in TypeScript

?? cellular-automata An implementation of cellular automata in TypeScript. ?? Usage First of all, clone the repository: $ git clone [email protected]:aro

Faye's Games 2 Feb 7, 2022