Welcome to the Dremio Resources Center project! This project is a web application that provides a centralized location for users to explore various resources such as case studies, demos, webinars, whitepapers, ebooks, and more. The application features dynamic filtering and sorting options to help users easily find the resources they need.
- Dynamic Filtering: Filter resources by type, role, and theme.
- Search Functionality: Search resources by title and description.
- Responsive Design: Optimized for both desktop and mobile devices.
- Sticky Header: The header remains visible while scrolling, with dynamic height adjustment.
- Interactive Sidebar: Sidebar filters are dynamically generated based on available resources.
- HTML5: Markup language used for structuring the content.
- CSS3: Styling language used for designing the layout and appearance.
- Sass (SCSS): CSS preprocessor used for writing modular and maintainable styles.
- JavaScript (ES6): Programming language used for adding interactivity and dynamic behavior.
- Bootstrap: CSS framework used for responsive design and pre-built components.
- Bootstrap Icons: Icon library used for adding scalable vector icons.
- Google Fonts: Web font library used for custom typography.
To get started with the project, follow these steps:
-
Clone the repository: git clone https://github.com/your-username/dremio-resources-center.git
-
Navigate to the project directory: cd dremio-resources-center
-
Install dependencies: npm install
-
Compile Sass to CSS: npm run sass
-
Start the development server: npm start
Once the development server is running, you can access the application in your web browser at http://localhost:PORT. Use the sidebar filters and search bar to explore the available resources. The application will dynamically update the displayed resources based on your selections.
Dremio - www.dremio.com Made by Santiago Osorio 2025