Transforming Data into Meaning - Dive into the world of data visualization, where interactive analysis and real-time API integration are not just tools. Skyhawk's platform embolden users with deeper insight and understand on the world's data-driven narratives (patent pending). It's also pretty good with performance and accessibility on most devices.
URL: https://skyhawk.vercel.app
- Efficient Data Integration:
- Skyhawk seamlessly brings together data from various sources in real-time. It's reliable and easy to use, making it great for those who appreciate straightforward, no-fuss technology.
- Easy-to-Use Data Exploration:
- With Skyhawk, exploring data is straightforward and interactive. It's designed for anyone to easily understand and use, turning complex data into clear insights.
- Customizable Data Visualization:
- Skyhawk lets you easily customize how you view your data. It's flexible and adaptable, perfect for those who want to get the most out of their data without needing to be tech experts.
- Cross-Platform Accessibility:
- Work from anywhere with Skyhawk. It's just as effective on mobile as it is on desktop, ideal for both the tech-savvy and those who prefer simplicity and convenience.
- Built and deployed a new web application using the Next.js framework and Vercel
- Used Ag-Grid compoents in a real project
- Implemented API data fetching and caching with JavaScript
- Integrated SCSS into the development process
- Learned about NYC principalities through NYCOpenData research
- Implement unit testing with Jest
- Improve state management for better performance
- Make UI adjustments for better mobile/desktop compatibility
- Enhance data filtering for more detailed analysis
- Ideas: on-click rendering for fields that hold more inclination for analysis like Boroughs, building classes, or the number of properties a given owner possesses.
Clone the repo and run the development server with the following:
npm ci
npm run dev
The environment will be hosted on http://localhost:3000 after you open the browser.
The main page will auto-update as you edit the app/page.tsx
file or its components.
To learn more about the dependencies in this app, take a look at the following resources:
- Cosmos (1980) - an insightful coding companion that sparked rhythm and wonder within the COSMOS of code and novel development.
- Next.js Documentation - the documentation used to learn about Next.js features and API
- Next.js Github - the Github repository used to start building the app with Next.js
- Vercel - a cloud PaaS company that maintains the Next.js web development framework. This app was
deployed
using Vercel - AG-Grid - the industry standard Data Grid solution for Javascript Enterprise Applications. Used for tabling, pagination, filtering, etc.
- Recharts - a library built with React & D3 used for data visualization
- Sass - a powerful preprocessor scripting language used for CSS styling
This is a Next.js project bootstrapped with create-next-app
and hosted on Vercel.