https://github.com/yivgha/bicycles-app

https://www.loom.com/share/8dcd0cf30d73407f8f9196cea6c61c70?sid=c89f82e3-b442-49dd-b774-cfa0da0ec84d
https://github.com/yivgha/bicycles-app

Last synced: 3 months ago
JSON representation

https://www.loom.com/share/8dcd0cf30d73407f8f9196cea6c61c70?sid=c89f82e3-b442-49dd-b774-cfa0da0ec84d

• Host: GitHub
• URL: https://github.com/yivgha/bicycles-app
• Owner: Yivgha
• Created: 2023-12-28T14:05:58.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-29T05:50:30.000Z (over 1 year ago)
• Last Synced: 2024-04-10T15:37:09.406Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 215 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Bicycle App

![https://img.shields.io/badge/-Github-black?logo=github&logoColor=white&style=plastic](https://img.shields.io/badge/-Github-black?logo=github&logoColor=white&style=plastic) ![https://img.shields.io/badge/-JavaScript-FFFF00?logo=javascript&logoColor=black&style=plastic](https://img.shields.io/badge/-JavaScript-FFFF00?logo=javascript&logoColor=black&style=plastic) ![https://img.shields.io/badge/-ReactJs-61DAFB?logo=react&logoColor=white&style=plastic](https://img.shields.io/badge/-ReactJs-61DAFB?logo=react&logoColor=white&style=plastic) ![https://img.shields.io/badge/-npm-FF0000?logo=npm&logoColor=white&style=plastic](https://img.shields.io/badge/-npm-FF0000?logo=npm&logoColor=white&style=plastic)![https://img.shields.io/badge/-Node.js-228B22?logo=nodedotjs&logoColor=white&style=plastic](https://img.shields.io/badge/-Node.js-228B22?logo=nodedotjs&logoColor=white&style=plastic)![https://img.shields.io/badge/-Nodemon-32CD32?logo=nodemon&logoColor=white&style=plastic](https://img.shields.io/badge/-Nodemon-32CD32?logo=nodemon&logoColor=white&style=plastic)![https://img.shields.io/badge/-VS%20Code-007ACC?logo=visualstudiocode&logoColor=white&style=plastic](https://img.shields.io/badge/-VS%20Code-007ACC?logo=visualstudiocode&logoColor=white&style=plastic)

Bicycle App is a little application, that allows you create and see base of bicycles, their amount, info, create new items and edit existing ones.

## Installation

To try Bicycle App by yourself, download this Github repo into your computer and open with VSCode or try it online: [Open in Visual Studio Code](https://vscode.dev/github/Yivgha/bicycles-app).

## Usage

In the project directory open terminal (Ctrl + Shift + `) or (Ctrl + Shift + C) and choose **bash**. \

Clone this tab.

In first tab select `server` folder and run backend. \

**Nodemon** is installed in packages, so you can easily run project in developer mode.\

To do so, copy code below in your terminal.

### `npm run start:dev`

```bash

cd server

npm run start:dev

```

After this, go to second tab in terminal and start the prettiest part of this app, which is created on **React**. \

Executing command below will open application in new browser tab.

### `npm run start`

```bash

cd bicycle-client

npm run start

```

You can also open it manually in the same or other browsers: \

open [http://localhost:3000](http://localhost:3000) to try it.

The page will reload when you make changes.\

You may also see any lint errors in the console.

Feel free to message me about any errors or additional info!