stocker

I decided I was going to add a portfolio thingy so that was what i did. dont rlly feel like adding a whole synopsis so ples dont grill me :(.
I also founded out that you can make the model go faster by using the actual node package.. huh the more you know. so that was kinda what i did for like an hour smh.
I toyed around with it mostly and added some QOL (quality of life) additions to make it easier to exist with.

Worked on this cool website that predict stock flows. as you can see you can now stalk stocks! Choose when to buy but know… it wont be accurate smh

Im gonna work on accuracy soon, want to implement a portfolio which i will do. :)

Since i will prolly ship this soon i want to go over the process i did to build this:

1. Init
    • Install dependencies: React, Next.js, TypeScript, ESLint, PostCSS, and any libraries for stock prediction (e.g., TensorFlow.js, mathjs, or custom logic).

2. Developed the Project Structure & Configuration
    • Set up global styles in src/app/globals.css.
    • Adjust next.config.ts and tsconfig.json for custom settings

3. Implemented Stock Prediction Logic
    • In src/lib/stockPredictor.ts, I wrote the core logic for predicting stock prices.
     – This involved all of the statistical models, machine learning, and simple heuristics.
     – I exported a function that takes input and returns predictions.

4. Created the API Route
    • In src/app/api/predict/route.ts, i defined the Next.js API route.
     – Accepts POST requests with stock data or parameters in the request body.
     – Calls the prediction function from stockPredictor.ts.
     – Returns the prediction result as a JSON response.

5. Built the Frontend
    • In src/app/page.tsx, I created the main UI:
     – Added a form for users to input stock symbols or data.
     – when the user submits, the website sends a request to the /api/predict endpoint.
     – website then displays the prediction result to the user.

Layout and Navigation
 • Used layout.tsx to define the root layout as usual.