Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ellyeroms7/sine-graph-visualizer


https://github.com/ellyeroms7/sine-graph-visualizer

Last synced: 11 days ago
JSON representation

Awesome Lists containing this project

README

        

# Sine-Graph-Visualizer

This project uses [Vite](https://vitejs.dev/) as the development server and build tool for a modern, fast development experience.\
\
Use this to visualize your sine graph

## Getting Started

Follow the steps below to set up and run the project locally:

### Prerequisites

Ensure you have the following installed on your system:

- [Node.js](https://nodejs.org/) ( v16+)
- [npm](https://www.npmjs.com/) (comes with Node.js) or [yarn](https://yarnpkg.com/)

### Installation

1. Clone the repository:

```bash
git clone https://github.com/EllyEroms7/sine-graph-visualizer.git
```

2. Navigate to the project directory:

```bash
cd sine-graph-visualizer
```

3. Install dependencies:

```bash
npm install
```

or, if using Yarn:

```bash
yarn install
```

### Running the Development Server

Start the development server with the following command:

```bash
npm run dev
```

or, if using Yarn:

```bash
yarn dev
```

This will start the Vite development server. Open your browser and navigate to [http://localhost:5173](http://localhost:5173) (or the port specified in the terminal) to view the project.

### Building for Production

To create an optimized production build:

```bash
npm run build
```

or, if using Yarn:

```bash
yarn build
```

The production-ready files will be output to the `dist` directory.

### Previewing the Production Build

To preview the production build locally:

```bash
npm run preview
```

or, if using Yarn:

```bash
yarn preview
```

This will start a local server to serve the files from the `dist` directory.