Visualizer Dashboard for AWS EC2 Instances
Report Bug
|
Request Feature
Table of Contents
SkyScraper is an innovative visualizer dashboard that transforms the way developers interact with AWS performance data, starting with EC2. By offering a streamlined, intuitive interface, SkyScraper optimizes the retrieval, organization, and visualization of performance metrics, enabling users to manage their AWS environments effectively.
Leveraging Auth0 and AWS Cognito for secure user authentication, SkyScraper ensures safe data retrieval using AWS credentials, with multiple security checkpoints to maintain data integrity and privacy. The application abstracts complex configurations, presenting clear and actionable insights that empower users to monitor instance activity, identify optimization opportunities, and make informed decisions to minimize costs and enhance performance.
Designed with a focus on clarity and aesthetics, SkyScraper features custom themes that provide a visually pleasing user experience. Data is categorized and displayed through modern charts and graphs, allowing users to quickly identify trends and anomalies. By turning complex data into easily understandable insights, SkyScraper revolutionizes AWS performance data management, making it more efficient and accessible for developers.
- TypeScript
- React
- Redux
- Node.js
- Express
- Chart.js
- Webpack
- Auth0
- AWS Cognito API
- AWS CloudWatch API
- AWS EC2 API
- Navigate to https://skyscraper-api.com in your browser
- Click Get Started
- Sign Up or Log In with Auth0
- Once Logged In, you will see an overview of the name and status of all EC2 Instances
- Clicking on any instance box will bring you to the metrics page where you can view detailed metrics of each instance
Installing from Github:
- Clone and open the Repo in your Code Editor
git clone https://github.com/oslabs-beta/SkyScraper.git
- Create a .env file in the root directory from the provided template and input values from an AWS account
- Install dependencies
npm install
- Build and run the application on your local machine
npm run go
- Navigate to http://localhost:8080 in your browser to view the application
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated!
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks!
-
Fork the Repo
-
Create your Feature Branch
git checkout -b feature/AmazingFeature
-
Commit your Changes
git commit -m 'Add some AmazingFeature'
-
Push to the Branch
git push origin feature/AmazingFeature
-
Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.