othegagan / starwars

💫Star Wars Planets Directory🤖

Embark on an intergalactic journey through the Star Wars universe with our web application!
It allows users to search for other starwasrs planets by name and view the planet's name, climate, population, and terrain. Along with residents of the planet with resident's name, height, mass, and gender.

Live Site : https://starwars-thegagan.vercel.app/

Steps for setup and usage

Features 🚀

• 📱 Responsive web application, crafted with modern web technologies including Angular and Tailwind CSS.
• 🌌 Utilizes the SWAPI (Star Wars API) to seamlessly access comprehensive data about planets.
• 🖼️ Incorporates images from the Star Wars Visual Guide for an immersive visual experience.
• 📖 Pagination functionality for effortless navigation through the list of planets.
• 💻 Intuitive user interface design ensures a smooth and enjoyable browsing experience.

Prerequisites 🛠️

Before running the Angular application, ensure you have the following prerequisites installed:

• Node.js: Angular requires Node.js and npm (Node Package Manager). You can download and install Node.js from here.

• Angular CLI: Install the Angular CLI globally using npm by running the following command:

  npm install -g @angular/cli
  

• Text Editor: Ensure you have a text editor suitable for web development, such as Visual Studio Code, Sublime Text, or Atom.

• Browser: Make sure you have a modern web browser installed, such as Google Chrome, Mozilla Firefox, or Microsoft Edge, for testing and viewing the application.

Once you have these prerequisites installed, you'll be ready to set up and running the application.

Installation 💻

• Download all the file from the repo and keep it in a folder

• Run command npm install or yarn install (yarn is prefered)

• Running the above command will install all the required dependicies to run the application

• Start the development server by running ng serve or yarn start

🔥 StarWars Planets Directory is ready to explore. 🚀💫

At this stage, the Directory is ready to explore! 🌟 Simply navigate to http://localhost:4200/ in your browser. 🚀

To dive into the vast universe of planets, utilize the built-in pagination feature to seamlessly browse through the celestial bodies and their fascinating residents. 🌌

If you're looking for a specific planet, utilize the search box to quickly locate it. 🛰️ The application will then display the detailed information about the planet, accompanied by captivating images from the Star Wars Visual Guide. 🖼️

Embark on this cosmic adventure and unravel the mysteries of the Star Wars universe!
May the Force be with you! 🌠💥🚀🤖

Components

💫 Star Wars Planets Directory 🤖🚀.

Made with ❤️ by Gagan Kumar 🔥

🤙 [phone] | [email protected] 📫