Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tobuya/data-science-exhibition

This is a Data Science Exhibition website made with HTML, CSS and JavaScript. It shows the use of Flexbox and Grid to make the page responsive in all screen sizes as well as the correct use of HTML5 semantics. The interactivity has been added by using JavaScript.
https://github.com/tobuya/data-science-exhibition

css eslint stylelint

Last synced: about 6 hours ago
JSON representation

Host: GitHub
URL: https://github.com/tobuya/data-science-exhibition
Owner: tobuya
License: mit
Created: 2022-11-28T15:31:03.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-05-30T08:39:33.000Z (over 1 year ago)
Last Synced: 2023-05-30T09:25:53.981Z (over 1 year ago)
Topics: css, eslint, stylelint
Language: HTML
Homepage:
Size: 43.4 MB
Stars: 4
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        

[![Contributors](https://img.shields.io/github/contributors/tobuya/Data-Science-Exhibition)](https://github.com/tobuya/Data-Science-Exhibition/graphs/contributors)

[![LastUpdate](https://img.shields.io/github/last-commit/tobuya/Data-Science-Exhibition)](https://github.com/tobuya/Data-Science-Exhibition/commits/dev)

[![Stargazers](https://img.shields.io/github/stars/tobuya/Data-Science-Exhibition)](https://github.com/tobuya/Data-Science-Exhibition/stargazers)

[![Issues](https://img.shields.io/github/issues/tobuya/Data-Science-Exhibition)](https://github.com/tobuya/Data-Science-Exhibition/issues)

[![License](https://img.shields.io/github/license/tobuya/Data-Science-Exhibition)](https://github.com/tobuya/Data-Science-Exhibition/blob/main/LICENSE)



  
DATA SCIENCE EXHIBITION




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [📸 Screenshots](#screenshot)

  - [🛠 Built With](#built-with)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

# 📖 Capstone Project: Data Science Exhibition 2023 

> This project is about AI & Big Data Exhibition that will take place at Riverside Drive on 19th and 20th January 2023. Please visit the website to see details of the project.

## 📸 Screenshots 

![Screenshot](./images/mockup.png)

![Screenshot](./images/about.png)

## 🛠 Built With 

- **JavaScript**

- **HTML**

- **CSS**

### Key Features 

- **Responsiveness**

- **Interactivity**

(back to top)


## 🚀 Live Demo 

- [Live Demo Link](https://tobuya.github.io/Data-Science-Exhibition/)

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

Install Nodejs by the command:

```sh

 npm install -g npm

```

### Setup

Clone this repository to your desired folder:

```sh

  cd my-desired-folder

  git clone [email protected]:tobuya/Data-Science-Exhibition.git

```

### Install

Install this project with:

Set up Webhint, Stylelint, and ESLint in your local environment:

```sh

  cd my-desired-folder/Data-Science-Exhibition

  npm install --save-dev [email protected]

  npm install --save-dev [email protected] [email protected] [email protected] [email protected]

  npm install --save-dev [email protected] [email protected] [email protected] [email protected]

```

### Usage

- Webhint is acustomizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors.

- Stylelint is a mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

- ESLint is a mighty, modern linter that helps you avoid errors and enforce conventions in your JavaScript.

### Run tests

To run tests, run the following command:

```sh

  npx hint .

  npx stylelint "**/*.{css,scss}"

  npx eslint .

```

(back to top)


## 👥 Authors 

👤 **Author**

- [GitHub](https://github.com/tobuya)

- [Twitter](https://twitter.com/MullerTheGreat1)

- [LinkedIn](https://linkedin.com/in/tobuya)

(back to top)


## 🔭 Future Features 

- **Add animations and transitions**

- **Implement additional pages**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

- [Cindy Shin](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) for the amazing Design Template.

- Special thanks to [icons8](https://icons8.com/) for the icon used in this project.

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)