Activity

evanssidhu

Shipped this project!

Hours: 38.84
Cookies: 🍪 738
Multiplier: 19.01 cookies/hr

I build an open source weather application. Throughout the project I learnt lots about how to use API’s and how to fetch the API data using a backend server (vercel). Although it was pretty challenging to add some features like the radar and saved locations it was pretty fun and i’ll probably actually use this application.

Features:

  • Weather alerts
  • Location saving
  • Location Search + Current Location
  • Automatic units
  • Light/Dark mode
  • Currently, Hourly, Daily, Radar Pages
  • Radar Archive + HRRR with precipitation types (Rain, Snow, Hail, Sleet, Freezing Rain) (US & Southern Canada Only)
  • Various different weather condition support (Thunderstorm, Freezing Rain, Ice, etc.,)
  • Persistent settings in localstorage.
evanssidhu

Devlog 13

Location saving is now added. Thats all major features completed so now I just have to fine tune some things and then the project will be complete.

0
evanssidhu

Devlog 12

Location search has now been added

0
evanssidhu

Devlog 11

Lots of misc changes today.

  • Basemap has been switched from google to esri because its against the google tos to use their basemap without the maps api

  • Summaries are now dynamic and no longer hardcoded

  • Automatic unit detection has been implemented

  • Themes can now be manually toggled between

  • Settings are now saved in localstorage

Attachment
0
evanssidhu

Devlog 10

Lots got added again today. Weather icons were finally put in (I found some animated ones too, pretty cool). The HRRR is also now available as a map source so you can now see radar data in the future instead of just archived. Weather alerts also got added in this commit which is pretty useful.

Attachment
Attachment
Attachment
Attachment
0
evanssidhu

Devlog 09

A lot got added today, the currently, hourly, and daily pages have all been populated with actual data. The site now auto detects location, and you can press the button to get your current location. Units have also been added so now you can switch between metric and freedom units. The next big feature will be the location search then it will be pretty much functional except for some minor things which can be done quickly. Maybe I’ll add more map layers and i’ll probably also add weather alert fetching soon.

0
evanssidhu

Devlog 08

Pretty big one today. The currently page is now functional and pulls data from the pirateweather api. Right now I have not yet added the ability to search for different locations yet and only the currently page pulls in data. I’ll add the current location functionality soon since js has a built in geocoding api to fetch lat and long. I also figured out how to make a serverless function in vercel so the api key is not exposed in the frontend. I also revamped the theme a little bit so the colors don’t look dull anymore.

Attachment
0
evanssidhu

Devlog 07

Environment Canada weather radar has now been implemented. You can now switch between time frames and see 3 hours of archived radar. Maybe later i’ll add the HRRR so you can see I believe 18 hours into the future. I also spent way too long trying to get the leaflet-timedimension plugin to work with react-leaflet but eventually just ended up fetching the times and making the controls manually.

0
evanssidhu

Devlog 06

Today I added small improvements to the other pages but the biggest thing I did was get weather radar working. It was quite simple all I really needed to do was create a map using leaflet and add environment canada’s weather radar as a wms layer. Currently you cannot move between frames but i’ll probably add that feature soon.

Attachment
0
evanssidhu

Devlog 05

Did a bit of work on the rest of the frontend and got daily and saved locations mockups done. The navbar is also functional now so you can switch between pages. Most of the frontend is done now so I hope to finish the mockup soon so I can start actually working on the api implementation and app functionality.

Attachment
0
evanssidhu

Devlog 04

Took a bit of a break over the last couple days but today I implemented the structure of what hourly data should look like. The frontend still has quite a bit of work that needs to be done for the other pages and nothing is really functional yet. After thats done i’ll start work on implementing the api calls and putting that data on the site (shouldnt be too hard since react and jsx have pretty good html-js integration. It seems like a hassle to get each user to sign up for an api key so I should also work on learning how to hide my api key from production. After researching vercel seems like a pretty great choice since they have a good free tier and wont charge you if you go overboard.

Attachment
Attachment
0
evanssidhu

Devlog 03

Did a slight refactor to move position logic outside of the component. Mostly worked on making a mackup of the current conditions and the highlights page. So far each component is responsive on both mobile and pc.

Attachment
0
evanssidhu

Devlog 02

I started work on the site layout. So far the structure for the navbar and location searching have been completed, and next I plan to work on creating cards to hold all the weather data.

Attachment
0
evanssidhu

Devlog 01

I’m planning on making a fully open source weather application written in react + typescript. The planned features include current, hourly, and daily conditions. I hope to be able to implement features like radar, advanced precipitation types (freezing rain, sleet, thunderstorm. etc.,) and some other features. For now, I have to look into some APIs to support the features. I heard that PirateWeather is pretty good and its open source.

Attachment
0
evanssidhu

Shipped this project!

Hours: 23.77
Cookies: 🍪 260
Multiplier: 10.94 cookies/hr

I wanted to learn web development so I decided to make a simple todo app. I have not used HTML/CSS in a few years so I had to re-learn those again. I also discovered React, TypeScript, JSX, and TailwindCSS. Although the project took much longer than expected due to constant learning and refactoring, it was a fun learning experience and i’m proud that I finally finished it.

evanssidhu

Devlog 08

I made some misc fixes and added a completion status to the task list. I think I am going to ship this now and start working on some other projects.

Attachment
1

Comments

46009361
46009361 about 1 month ago

the priority is lost when you unmark as done

evanssidhu

Devlog 07

Added responsive design and saved everything to localstorage. I think i’m going to end this project soon as I want to work on something more fun than a todo app.

Attachment
1

Comments

chefpenguino
chefpenguino about 2 months ago

nice!

evanssidhu

Devlog 06

Added priority levels and due dates to tasks, also worked on visual improvements.

Attachment
Attachment
0
evanssidhu

Devlog 05

Today I decided to work on the design of the website, it turned out pretty well now as I added blur effect throughout the site. I also finished work on the edit button so now tasks in the list can be edited.

Attachment
Attachment
0
evanssidhu

Devlog 04

I was wrong again, separate files for components are the best thing to do. I cannot believe I spent this long on this simple todo app but I had to refactor again. On the bright side, I discovered that you can make props and simply pass everything from the parent to the child via these props. My components are now very simple and properly organized and i’m starting to understand why people use react, jsx, typescript, and tailwind over plain html/css/js.

Attachment
0
evanssidhu

Devlog 03

So apparently making all of your react components in separate files and importing them was not the best idea. I spent so long wondering why everything was so complicated and I had to refactor pretty much everything into a single file. Nothing better than spending multiple hours just to end up removing hundreds of lines of code.

On the bright side the core features now are pretty much done and soon i’ll actually add other features to differentiate this from a generic todo list.

Attachment
0
evanssidhu

Devlog 02

Added in some other stuff into the layout, probably not gonna work on this that much this weekend but at least a layout with the bare minimum features is done.

Later on I plan on adding extra features like priority tags and due dates and all that stuff. I was researching and it seems like I should not need things like classes and plain js objects should suffice.

Attachment
0
evanssidhu

Devlog 01

Began work on a new app, this time its a web app. I’m trying to learn React, Tailwind, and TypeScript. I also want to get back into web development because I have not touched HTML/CSS in a while.

I’m kind of unsure whether or not to use OOP principles like classes so I can assign tasks by priority and have functions to add/remove tasks and stuff like that or if theres a better way of doing it.

Also learned how to make reusable components with JSX and it’s suprisingly simple.

Attachment
0
evanssidhu

Seems like there is a scaling issue on other monitors, will update when fixed.

Attachment
0
evanssidhu

Shipped this project!

Hours: 10.44
Cookies: 🍪 205
Multiplier: 19.66 cookies/hr

After lots of hours of development, the project is complete.

This is a classic Minesweeper game with extra features like record keeping and an interesting twist with “anti-mines.”

Although it may not seem like much, this is one of my first ever large projects and it taught me lots about arrays, sorting, classes/methods, recursion, etc. It was also the first time I ever uploaded a project to GitHub so I had to learn that as well.

evanssidhu

Had to do a refactor of my code to improve optimization, readability, and functionality. Finally got the anti mines feature of the game working, which suprisingly adds a very fun twist to the game. All that is really left is to add a scoring system and then the project should be ready to ship.

Attachment
1

Comments

notlamparter
notlamparter about 2 months ago

WOW THIS IS SO COOL!!! i don’t think i have enough capacity in my brain to come up with this lol

evanssidhu

The game can now manage menu states properly. The core features and game play are now fully functional. Now all thats left is to add an anti mines gamemode and store previous scores in a file for record viewing.

0
evanssidhu

Was wondering why I was having a memory leak. Turned out I had to store images in a static class to avoid repeated reloads into memory. Now memory stopped skyrocketing to 100+ MB and went all the way down to 15 MB

Attachment
0
evanssidhu

Migrated the project towards a dark theme. Hoping to hopefully add more unique features, a better looking menu, and maybe add another gamemode (negative mines maybe?).

Attachment
0
evanssidhu

Game logic is now mostly implemented. Now time to focus on UI/UX and add additional features.

Attachment
0
evanssidhu

Started working on some images. Simple but turning out better than I thought.

Attachment
0