I changed the colors that ai had recommended to use and made my own gradients…..

DAY-4(DEVLOG-6)

hey guys i have added a landing page. for the model i have searched for over 2 hours but none of them NONE of them had a free, interactive model i have use because of this i had modeled it in blender
and then i had made it in three js.I took inspiration form tutorials.

I also added an achievements page area where you can check whether you earnt your achievements or not.

FUTURE PLANS

Ship this project╰(°▽°)╯🎉🎉🎉
All icons can be found using clicking(windows and .)

DAY-3(Devlog-5)

I have made it so that unless you add unlock 4/5 achievements it will not allow you to access higher levels. And i have also made the higher levels a lot harder to pass. and after you pass each levels you will get increments of 500$.

Future plans

Add achievements page
and add incrementing money system

DAY-3(Devlog-4)

I worked on gamifying this website to i though to add some achievement . Making these was fairly easy as i all i needed was the js and copy pasting i also manage to get them all except for the last one for which i need a profit of 5000$.

The hardest part for this was getting ss(Screen Shots) and finding the gradients and i added the emoji on purpose.

Future Plans

More Levels
More prizes
Leaderboard

overall i am about 30% done in gamification, Pls forgive me for not being able(too lazy) to get the 5000$ achievement.

DAY-3(Devlog-3)

Today i added a side nav for more stock and i adjust the random generating function to make it so that it rengerates a random chart every time and i also made it so that the other stocks have different randomness meaning one can be stable and one will not.

But one of the biggest problems was that the chart can be regenerated every time you refresh.

Future Plans

Fix chart lagging
Update UI
Gamification

Day 2 (devlog-2)

Today i made a lot of progress
~I made it to show singular stock price
~I made it so that the stock market actually updates itself with the randomly generated function.
~I implemented full buy/sell trading
~I added live stock market along with current profit or loss tracking
~I added some UI/UX improvements

overall today, the hardest part was to create the profit or loss tracker cuz i am noob at js and i had to write a few functions for that. Turns out that i am writing documentGetElementId but turns out it was a div class🤮🤮🤮.

Future improvements

~ More stocks to invest in
~ more addiction for the game

Overall form this project i managed to get the hang of js and can write basic functions by myself.

DEVLOG-1(DAY-1)

I finally got the main engine to work today i introduced a fake stock market simulation where prices randomly go up and down. I also included the buy and sell functions where users can buy/ sell their share they they have invested in.

The biggest challenge that i had was that the UI was not updating when though the backend for buying the stocks was being completed i added alert messages for when
~ you don’t have enough money for shares
~you cant sell more shares than you have
~buying and selling confirmations

now users can test the website can use the simulations to practice stock investing.
##One of the most difficult features about this project was that i am new to js and this is my first actual js running project so i learnt a lot of js fundamentals and basics from this…

Future updates

more stocks to invest in
Better UI
Price being shown on the side of the menu
Profit and loss increments
Leaderboard

at first i decided to stick to line graphs but ultimately decided to go with a candle chart.

Boiler plate can be found in chart.js libraries