Trend Sight

A semi-professional blog-posting website that allows users to create articles to publicize research findings and other news. Articles are always reviewed by professionals before being displayed. Still developing/in progress.

FrontEnd

• To use these commands below, please redirect into the directory TrendSight/FrontEnd

To run mock database on local host:

npm run server

To run application on local host:

npm run dev

To preview code before shipping to production

npm run preview

To ship/run for production

npm run build

Backend

• The Backend uses PostgreSQL Database hosted through Docker and Springboot as the main Backend Language/Framework

To run the backend server you must have Docker/Docker Desktop installed and Maven installed

To run Springboot Application w/o terminal(not recommended, but does refresh automatically if you update backend files)

1. Need to open IDE with the workspace Backend(ie. you can't have your IDE be in opened in TrendSight, it must be opened in TrendSight/Backend so you can only see Backend Files in your IDE)
2. You should select/click any Javafile(ie. Application.java) in the src/main folder.
3. In VSCode/IntelliJ, you should click Top Right arrow like how you would run a normal Java File.

Alternatively, can run application in terminal

1. Be in the TrendSight/Backend folder or directory
2. Run ./mvnw spring-boot:run

Tools/Changes that need to be considered

1. Move Frontend from React-Router to Next.js/Astro (im leaning more towards NextJS since React explicitly supports it)
   1. Use SSR for Homepage for SEO, SPA for Author/Review Dashboard(Review/Edit Articles)
2. Component Libaries Helps us avoid writing so much boiler plate/manual code with TailwindCSS and allows us to code fast NerdFace ->
   1. ShadCN.UI -> Libary that has already styled components
   2. HeadlessUI/Radix UI -> Component Libary with unstyled components so we can style them manually
3. TypeScript instead of JS? -> Better OOP Support, detects errors earlier, type system(in generally TS better for bigger projects)