https://github.com/bismarck-gm/bmw-test-drive
React app that consumes from a Rails API. Users can create accounts, log-in, log-out, set up appointments to test drive BMWs in different dealerships, browse the catalogue and interact in a 360 view of all the cars.
https://github.com/bismarck-gm/bmw-test-drive
rails-api react reactjs redux redux-thunk
Last synced: 4 months ago
JSON representation
React app that consumes from a Rails API. Users can create accounts, log-in, log-out, set up appointments to test drive BMWs in different dealerships, browse the catalogue and interact in a 360 view of all the cars.
- Host: GitHub
- URL: https://github.com/bismarck-gm/bmw-test-drive
- Owner: Bismarck-GM
- Created: 2021-05-25T08:21:58.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-10-20T04:24:16.000Z (almost 5 years ago)
- Last Synced: 2025-02-03T18:01:40.785Z (over 1 year ago)
- Topics: rails-api, react, reactjs, redux, redux-thunk
- Language: JavaScript
- Homepage: https://bismarck-gm.github.io/bmw-test-drive/
- Size: 12.5 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BMW Test-Drive
> React/Redux Project where I developed a website and an API to set up Appointments to test-drive a car. The app depends on https://github.com/Bismarck-GM/BMW-test-drive-backend/ API to work.
## Features:
### The website works both in Table-sized and Desktop-sized displays. There's no current Mobile version for it.
Main Pages - Login In - Setting an Appointment |
:-------------------------: |
 |
Models Page - Color Switch |
:-------------------------: |
 |
360° Showcase |
:-------------------------: |
 |
## Live Demo:
#### [BMW Test-Drive - REACT - deployed in GitHubPages - Click Here](https://bismarck-gm.github.io/bmw-test-drive/)
## Built With
- JavaScript (ES6)
- React.JS
- Redux
- Thunk
- Axios
- React-router
- Node.js
- prop-types
- Material-UI
- DateFNS
- SwiperJS
- TRIDI
- Jest
- React Testing Library
## Getting Started
### Prerequisites
- Node.js
- Any Browser
To get started open the directory where you will save this repo by typing on your terminal:
```
$ cd
```
- Clone the repo typing:
```
$ git clone git@github.com:Bismarck-GM/BMW-test-drive.git
```
- Install dependencies:
After cloning move into the recently created folder (BMW-test-drive) and run
```
$ npm install
```
### Usage
Start the React server:
```
$ npm start
```
A new browser tab/window will open up after the server is initiated.
Redux Toolkit is running. You can check the Actions by using Redux DevTools in Chrome/Firefox.
### Testing
To run the test simply run:
```
$ npm run test
```
## Author
👤 **Gerónimo Morisot**
- Github: [@Bismarck-GM](https://github.com/Bismarck-GM)
- Twitter: [@Rewritablee](https://twitter.com/Rewritablee)
- LinkedIn: [Geronimo Morisot](https://linkedin.com/in/geronimomorisot)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
## Show your support
Give a ⭐️ if you like this project!
Feel free to check the [issues page](issues/).
## 📝 License
This project is [MIT](lic.url) licensed.