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/
- π± 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.
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.
-
Download all the file from the repo and keep it in a folder
-
Run command
npm install
oryarn 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
oryarn start
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! π π₯ππ€
Made with β€οΈ by Gagan Kumar π₯
π€ +91-9036644552 | [email protected] π«