Welcome to the Planetary Dashboard project from Coding Your Career! A beginner-friendly voyage into the depths of Angular development. If you've ever dreamt of exploring the solar system through code, you're in the right place.
This project lets you explore the wonders of our solar system in a user-friendly dashboard format. Powered by Angular, the dashboard showcases the might of Angular services, components, CSS styling, API calls, observables, and handy directives like ngFor and ngIf.
🛠 JSON-Server: To simulate a back-end and retrieve planetary details, this project makes use of json-server. Ensure you have it installed and ready to go!
📚 Typescript & Javascript: New to Typescript or need a quick refresher on Javascript? No worries! Before diving into the cosmos, check out the tutorials linked in the project's video description.
-
Clone the Repository
-
Navigate to the Directory
-
Install Dependencies
-
Fire Up JSON-Server
Ensure your db.json is in the root folder, then:
Now, open your browser and navigate to http://localhost:4200/ to start exploring the planets!
-
Interactive Cards: Each planet has its card. Click, hover, and explore!
-
Stellar Design: A space-themed interface that's both engaging and informative.
-
Responsive: Explore the solar system on any device.