British Petitions Dashboard
Get insight into british parliamentary petition data
Overview:
The UK Petitions Dashboards is a web application that aims to improve the presentation of data from petitions of the British parliament. The current website provides basic information but lacks the ability to effectively present additional data. This application offers a user-friendly interface that allows users to easily digest the breakdown of data from the petitions.
Features:
- Beautiful UI: The application has a visually appealing interface that enhances the user experience.
- Responsive/Mobile UI: The UI adapts and functions seamlessly on different devices, providing a consistent experience.
- MapView: The application includes a map view feature that allows users to visualize the geographical distribution of petitions.
- Built with Nextjs: The application is developed using Nextjs, a popular React framework that enables server-side rendering and other advanced features.
- Offline support: Users can access the application and view data even without an internet connection.
- Shows statistical support: The application provides statistical analysis and breakdowns of the support for each petition.
- Chart with recharts: A built-in charting feature utilizing recharts library allows users to easily interpret data through visual representations.
- Very fast: The application is optimized for performance and provides fast load times for an efficient user experience.
- TodoMap View: Users can interact with a todo list in the map view to keep track of their tasks related to petitions.
- Pagination: The application incorporates pagination functionality, allowing users to navigate through multiple pages of petitions.
- Load More feature: Users can load additional petitions on demand, enhancing the browsing experience.
- Fit data into application: The application ensures that the data from petitions is presented in a way that is easily understandable and digestible for users.
Summary:
The UK Petitions Dashboards application is designed to improve the presentation of data from petitions of the British parliament. With its beautiful UI, responsive design, and various features such as map view, statistical analysis, and charting capabilities, it provides users with an enhanced and easy-to-understand experience. Additionally, the application offers offline support, pagination, load more functionality, and ensures that the data from petitions is effectively integrated into the application. To set up the application, clone the repository, install the dependencies, and start the application locally.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Recharts
Recharts is a powerful and easy-to-use React library for building customizable and interactive charts. Built on D3.js, it offers a wide range of pre-built chart types, such as line, bar, pie, and scatter charts, all of which can be composed with a declarative syntax.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.