React TypeScript Data Dashboard

This repository contains a React-based data dashboard developed as part of an interview process requirement for Agroop. The project is implemented using modern front-end technologies, emphasizing TypeScript for type safety, SCSS for styling, and a component-based architecture.

Repository Structure

The repository is organized into the following main components:

• TypeScript: The primary language used for the application, ensuring type safety and maintainable code.
• SCSS: Used for styling the application with reusable and modular stylesheets.
• HTML: Markup for structuring the application within React components.
• CSS: Additional styling where SCSS is not used.

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/b0ttas/react-typescript-data-dashboard.git
   cd react-typescript-data-dashboard
   

2. Install dependencies: Make sure you have Node.js and npm installed. Then run:

   npm install
   

3. Start the development server:

   npm start
   

Contribution Guidelines

This repository was created for an interview process and is not actively maintained. However, if you wish to contribute:

1. Fork the repository.
2. Create a new branch for your changes.
3. Submit a pull request with a detailed explanation of your changes.

Technologies Used

The project uses the following technologies and tools:

• React: For building the user interface with reusable components.
• Typescript: For static typing and improved developer experience.
• SCSS: For styling, leveraging variables, mixins, and nested rules.
• HTML & CSS: For markup and additional styling.
• json-server: To serve mock data to the application.

License

This repository does not have a specific license. If you wish to use or adapt any code from this repository, please contact me for permission.