- ReactJS, Bootstrap, API
https://cosmic-chronicles-one.vercel.app
Cosmic Chronicles for astrophiles, crafted with Bootstrap and ReactJS, seamlessly integrating astrophiles enthusiasts with the cosmos. Integrating with an API, it seamlessly fetches latest astronomy news, blogs and captivating APOD (astronomy photo of the day), displaying them in an interactive and user-friendly layout with external links to visit the original articles. Site offers responsive design, fast-loading experience, dark theme enhancing the stargazing experience.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Bootstrap
- React - JS library
- API - Space News API
- APOD - APOD NASA API
I learned how to use class based components in react js, bootstrap, usage of api to fetch data, rendering, routing different components in react app, creating responsive design in react app using CSS + Javascript, vercel deployment of react apps, and many more little things required to build app...
I am still developing this app by adding blog articles, APODs and a few more exciting features...
- W3schools (https://www.w3schools.com/)
- MDN web Docs (https://developer.mozilla.org/en-US/)
- ReactJS (https://reactjs.org/)
- Bootstrap (https://getbootstrap.com/)
- Space news API (https://api.spaceflightnewsapi.net/v3/articles)
- APOD NASA API (https://api.nasa.gov/planetary/apod?api_key=DEMO_KEY)
Priya