Code Monkey home page Code Monkey logo

bicycle-app's Introduction

Bicycle-app

Demo: https://yunimm.github.io/bicycle-app/

image

Motivation

Individuals complete the project independently, and learn the new framework to operate Vue3 through the implementation of the project, including Composition API syntax, Pinia global state management, and Tailwind Utility first writing method.

Description

According to the designer's design draft, cut the version, RWD, component function production, connect the TDX API, and load the leaflet map package. Users can get information about nearby bicycle stops and routes through their current location.

Features

  • Users can view nearby sites
  • Users can know the site status
  • User can search site name
  • Users can rent vehicles at the viewing site
  • Users can view the vehicles that can be returned at the site
  • Users can know how far the site is from the current location

Skills

  • Vue3 Use framework to improve development efficiency, separate modular components, UI and data
  • Pinia Website global status management
  • Tailwind Utility type CSS framework

How to start the project

1. Node.js and npm need to be installed on this machine

2. Open the terminal to create a folder or go to the designated storage location

3. In this folder location, clone the project locally

git clone https://github.com/yunimm/bicycle-app.git

4. Access the folder location through the terminal:

cd bicycle-app

5. Installation requires kit:

npm install

6. After installation, start the project:

npm run dev

bicycle-app's People

Contributors

yunimm avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.