Bike Rental Frontend (With React)

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

bike-rental

Dependencies

• @emotion/react:
• @emotion/styled: styled API for emotion
• @mui/icons-material: Material Design icons distributed as SVG React components.
• @mui/lab: Laboratory for new MUI modules.
• @mui/material: React components that implement Google's Material Design.
• @mui/x-data-grid: The community edition of the data grid component (MUI X).
• react: React is a JavaScript library for building user interfaces.
• react-dom: React package for working with the DOM.
• react-pro-sidebar: React sidebar library with dropdown menus and unlimit number of nested submenus
• react-router-dom: Declarative routing for React web applications

Dev Dependencies

• @types/react: TypeScript definitions for react
• @types/react-dom: TypeScript definitions for react-dom
• @vitejs/plugin-react:
• eslint: An AST-based pattern checker for JavaScript.
• eslint-plugin-react: React specific linting rules for ESLint
• eslint-plugin-react-hooks: ESLint rules for React Hooks
• eslint-plugin-react-refresh: Validate that your components can safely be updated with fast refresh
• vite: Native-ESM powered web dev build tool

Features

There are several features of this API and End Point, as below :

Public

• Register
• Login
• Users view
• Managers view
• Bikes Detail
• List Users along with search, filter, sort and pagination features
• List Bikes along with search, filter, sort and pagination features
• List Bookings along with search, filter, sort and pagination features

How to Run the Application

1 Clone Repository

Clone this repository by running the following command :

git clone [email protected]:VanyaPavlova/bike-rental-React.git

2 Install dependencies Package

Install the dependencies package inside the application folder by running this command :

npm install

3 Run project

npm run dev