Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/yanuarprayoga9/frontenddevreactjs-yanuarprayoga


https://github.com/yanuarprayoga9/frontenddevreactjs-yanuarprayoga

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

## Restaurants Catalog

### Description

This project is a React application built to Sekawan Media Internship Test Case as Front End Developer.

### Repository Link

https://github.com/Yanuarprayoga9/FrontendDevReactjs-YanuarPrayoga.git

### Deployed Link

https://frontend-dev-reactjs-yanuar-prayoga-sekawan-media.vercel.app/

### Running Locally

To get started with this project, follow these steps:

1. Clone this repository to your local machine using the following command:

```bash
git clone https://github.com/Yanuarprayoga9/FrontendDevReactjs-YanuarPrayoga.git
```

2. Navigate to the project directory:

```bash
cd FrontendDevReactjs-YanuarPrayoga
```
3. Open Vs code :

```bash
code .
```

4. Install the necessary dependencies:

```bash
npm install
```

5. Start the development server:

```bash
npm run dev
```

5. Start the development server:
```bash
npm run dev
```
Runs the app in development mode using Vite. Open http://localhost:5173/ to view it in the browser.

### Project Details

- **Dev Tool**: Vite
- **React Version**: 18.3.1
- **Node.js Version**: v20.10.0
- **Package Manager**: npm
- **CSS Framework**: Tailwind CSS
- **API**: https://github.com/Yanuarprayoga9/restaurant-api-sekawan-media || https://restaurant-api-sekawan-media-yanuar.vercel.app/

## Available Scripts
In the project directory, you can run the following commands:
### dev
```bash
npm run dev
```
Runs the app in development mode using Vite. Open http://localhost:5173/ to view it in the browser.

### build
```bash
npm run build
```
Builds the app for production. It runs the TypeScript compiler and then builds the project using Vite. The output will be in the dist folder.

### lint
```bash
npm run lint
```
Lints the project using ESLint, checking all files with .ts and .tsx extensions. The script reports unused disable directives and ensures there are no warnings.

### preview
```bash
npm run preview
```
Previews the production build of the app locally using Vite. Useful for testing the build before deploying.

### format
``` bash
npm run format
```
Formats the code in the src directory using Prettier.