Storm Point

Inspiration

I started this project long back(approx 2 years back) when I was learning React. This project was a good point to start because it contained a lot of early concepts like classes, props, bind, etc. So it all started there but was really basic.

What it does

It shows you the weather. That's it! Since it was called Simple Weather App, it did simple things. In this weekend I've implemented some not so simple things which I thought of impossible then.

How we built it

It's built with React, express and darksky API. It has a react frontend app which is separated from the API server which is built with express.

Challenges we ran into

When I first booted up the project, it was not working at all. Apparently darksky API doesn't allow you to send an API request from your browser. This is because the API endpoint is visible on your browser, and hackers may use it as they want 🐱‍👤

Accomplishments that we're proud of

I created a proxy server to acknowledge the same problem above. The proxy server serves the darksky API with limitations I've implemented. I've created this server with CORS and also implemented a rate limiter to the API which darksky doesn't provide by its own. It gives you 1000 requests per day so you gotta limit that. I guess I'm really proud of that

What we learned

• I learnt about CORS(Cross-Origin Resource Sharing) which is an HTTP-header based mechanism that allows a server to indicate any origins (domain, scheme, or port) other than its own from which a browser should permit loading resources.

• Along with that I learnt about how to fix this by making a proxy server which contains Access-Control-Allow-Origin: . Thus allowing the API to be accessed by anyone()

What's next for Storm Point

I'm gonna try to implement a Twilio API so that users can get their weather report on their phone.

Built With

• cors
• darksky
• express.js
• javascript
• node.js
• react