website is live at -https://65ba9479de6dce0007ca9cdf--symphonious-kulfi-ebeb79.netlify.app/
Design
This is a full-stack web application built with Next.js, Tailwind CSS, and Material-UI, showcasing data visualization of a downsampled dataset. The backend of the application, developed using Next.js, downsampled a dataset containing 69,000 records by applying the mean method, aggregating data on a yearly basis. The downsampled data is then passed to the frontend, where it is visualized using a line chart from Material-UI.
-
Full Stack: Utilizes Next.js for both frontend and backend development, providing a seamless full-stack experience.
-
Tailwind CSS: The frontend is styled using Tailwind CSS, offering a utility-first CSS framework for a clean and responsive design.
-
Data Downsampling: The backend employs the mean method to downsample a large dataset (69,000 records) into yearly aggregates.
-
Material-UI Chart: The downsampled data is visualized on the frontend using a line chart from Material-UI, providing an interactive and aesthetically pleasing representation.
Follow these steps to run the project locally:
-
Clone the Repository:
git clone https://github.com/your-username/your-nextjs-project.git cd your-nextjs-project -
Install Dependencies:
npm install
-
Run the Development Server:
npm run dev
The application will be accessible at http://localhost:3000.
/app: Contains Next.js pages, representing different routes in the application./components: Holds React components used throughout the application.app/api: Houses backend API routes, where data downsampling is performed.
Contributions are welcome! If you have any suggestions or find any issues, please feel free to open an issue or create a pull request.
This project is licensed under the MIT License.
Feel free to customize this README according to your project's specifics and add more sections if needed.