Shipping the project

I worked primarily on three things

1. getting a website deployment issue sorted (using Codex) due to a name mismatch in the local vite.config.js file and the remote github repo name.

2. Updating the README with complete project description, demo image, and website URL.

Finally the website is deployed at: here

Hurray, Wrapped up the project

I just did re-implement the final feature for it to be more visually appealing, but another thing is that I observed that the website took more time to reload and even had a few failed attempts to load the APOD. IDK why it’s happening, if any of you might please lemme know.

Now I only have to complete the project info and ship it.

Here’s how the new feature looks:

Added a custom feature for you to view the NASA APOD for the day you were born

This took a little bit of time as I had to figure out how to add forms in HTML, how to connect them to my JS logic so that I can access their data, and write the event logic.

I was able to do it without using any tutorial just using Google AI mode and Copilot. (I didn’t use them to write code for me)

TLDR; added a small form you can fill out on the website to view the APOD for your birthdate.

btw here’s the APOD for my birthdate:

Completed styling the website and started working on adding a cool feature (literally surprise ;)

I styled my website using clip-path: property and added custom fonts for the explanation as well as the title.

I then started the work on the feature and soon realized after a bit of experimenting I have to watch a JS learning tutorial to learn how to add forms/fields to my website and use the collected data.

Completed the JS logic for the website and started work on styling the website.

Majorly I worked on modifying main.js logic in order to handle occasional youtube video urls in the response and handle errors during the process using .error(...)

After that I worked on styling my website: adding pseudo-elements and styling them.

Now the website kinda looks like this:

I worked on exploring the project guide to learn about JS syntax and did various tasks mentioned.

I implemented the logic to fetch APOD data from NASA api then convert it into a JS object and then display the Title, Image and Explanation of the APOD on the website.

Along the way I learnt to use the fetch(...) function, .then(...) methods and creating conditionals in JS as well as constructing strings with placeholders ${...}.

TLDR; I worked primarily on writing the logic of my website in main.js.

I am following the mission guide (Website Pulse) for this project.

TLDR; This session was about setting up Vite in the project and automating the deployment and build workflow

In the first session I worked on creating Vite in my project repo, setting up a remote github repo, and creating a deploy.yml file in the project root specifying the deployment workflow.

Now whenever I push to the main branch of the repo, the workflow will be automatically triggered and the website will be built and deployed live.

I also create and securely added the NASA API key in a .env file.

I redesigned my website (twice) along the way I learnt about how to create a header & footer and how to center elements in the viewport.

Throughout the session the most learning has come by just reading through the source code of other’s website and making sense of it. It has been a very good imparter of knowledge on me.

HERE’S the transformation:
before- on the left (black)
AFTER- on the right (blue)

I completely redesigned my website. I added my profile photo, my Social links (accessible via icons; which I figured out myself how to do).

I just built the very first version of my personal Site.

I worked on implementing a truncated normal distribution sampler, alongside majorly replanning my solution.

Earlier I was thinking, I would model an order as a process but now I understand it’s better to model a real-world process as a “process” instead of modeling a non-active component (e.g- order) as a “process”.

I learnt about “resources” in simpy and am planning to implement delivery riders and order processors as a resources which the delivery process of a given order utilises (in order to? get delivered)

What did I work on?
I restructred project alonside refactoring the code for superfast iterability and modifications.

IDK refactoring and getting things in perfect structure feels so exciting!

Final Structure:

What did I work on?
I completed simulating the ordering system.

What it means?
I am now able to successfully create required number of customers and keep them alive simulatneously in my simulation. A customer can now successfully place an order with the dark store.

Effectilvely this means something like the DarkStore is receiving orders from modelled customers.
Now the next natural step is to model the Delivery systems which will be fulfilling the simulated orders.

What I struggled with?
I wasted a lot of time trying to come up with a perfect way to simulate order data (SKUs, Items, Prices, etc.) as realistically as possible. But - the fact was - changing the order data has almost no effect on delivery metrics which determine how effective a delivery system is. It only affects order preparation time.

What’s nxt?
I will be writing code to simulate the delivery systems.

What Did I work On?

I tried simulating a customer in the ordering process.
Along the way I realised that first I’ve to assign a unique location to each customer when I create it. So I spent the rest of the session trying to come up with a good enough model for location assignment and delivery route length determining (BTW I used a city grid model).

What did I learn?
I spent a lot of time(10X of logged) trying to learn SimPy to code the simulation.

Problems along the way?
There was a constant feeling of being stuck because I couldn’t find the right model for location assignment, right way of using SimPy.

Apart from that everything was effortful but pretty fun!

What’s Next:
I will complete the order simulation process which will allow me to generate orders from customers artificially for then feeding to respective delivery systems for testing.