Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/bl33h/disneyplusreplica

A replica of the Disney+ principal page built using React and Vite.
https://github.com/bl33h/disneyplusreplica

eslint netlify npm react replication storybook vitest

Last synced: 13 days ago
JSON representation

A replica of the Disney+ principal page built using React and Vite.

Awesome Lists containing this project

README

        

# disneyPlusReplica
A replica of the Disney+ principal page built using React and Vite. The Vitest and Storybook technologies were also implemented for testing.




Disney+



Features
How To Use
Testing
Packages



Try it out here

## Features

* Vite
```bash
# Install dependencies
$ npm i
# run the app
$ npm run dev
```
* CSS modules
```bash
# Install dependencies
$ npm install vite-plugin-react-css-modules
```

* Storybook
```bash
# Install dependencies
$ npx sb init
```

* Vitest
```bash
# Install dependencies
$ npm install --save-dev vitest @testing-library/react @testing-library/jest-dom
```

## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Vite](https://vitejs.dev/) installed on your computer. From your command line:

```bash

```bash
# Clone this repository
$ git clone https://github.com/bl33h/disneyPlusReplica

# Install dependencies
$ npm i

# Run the app
$ npm run dev
```

## Testing
* For Vitest
```bash
# Run the tests
$ npm test
```

* For Storybook
```bash
# Run the test
$ npm run storybook
```

## Packages

This software uses the following open source packages:

- [Vite](https://vitejs.dev/)
- [React](https://reactjs.org/)