Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/acushlakoncept/car-rentals-client
In this project, I developed a full-stack web application, using React and Redux for frontend and Ruby on Rails API as backend. The project makes use of JWT for authentication.
https://github.com/acushlakoncept/car-rentals-client
api react react-redux reactjs ruby-on-rails
Last synced: 5 days ago
JSON representation
In this project, I developed a full-stack web application, using React and Redux for frontend and Ruby on Rails API as backend. The project makes use of JWT for authentication.
- Host: GitHub
- URL: https://github.com/acushlakoncept/car-rentals-client
- Owner: acushlakoncept
- Created: 2021-01-19T18:57:41.000Z (almost 4 years ago)
- Default Branch: dev
- Last Pushed: 2021-02-04T13:03:10.000Z (almost 4 years ago)
- Last Synced: 2023-08-20T11:14:17.137Z (about 1 year ago)
- Topics: api, react, react-redux, reactjs, ruby-on-rails
- Language: JavaScript
- Homepage: https://hire-a-car-client.herokuapp.com/
- Size: 4.31 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CAR RENTALS APP - FINAL CAPSTONE PROJECT
In this project, I developed a frontend web application, Car Rentals using [Car Rentals API](https://cush-car.herokuapp.com) - [Repo](https://github.com/acushlakoncept/car-rental-api) I also develop, a requirement for my final capstone project to consume the data using React Application.
The application features includes:
- A proper Authentication for Sign in and Sign up
- A secure page that requires authentication using JWT
- Listing of Cars for Hire
- User can add car to favourites
- User can access list of cars added as favourites
## Live Demo
[Live Demo](https://hire-a-car-client.herokuapp.com/)
## Video Presentation
[YouTube Link](https://www.youtube.com/watch?v=qC0jjU27ZnQ)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
Make sure Node.js is running on your local machine
### Setup
~~~bash
$ git clone https://github.com/acushlakoncept/car-rentals-client.git
$ cd rcar-rentals-client
~~~
Install modules:
```
yarn add
```
### Usage
Start server with:
```
yarn start or npm start
```
### Running Test
Jest is used to run all the tests found in this application
In order to run the test you can simply type `yarn test` or `npm run test`
Either ways, if you encounter any error while running either command, its likely you do not have `jest` installed globally, so please run `npm install -g jest-cli` then try again. That should do it.
### Deployment instructions
```
git add .
git commit -m "ready for first push to heroku"
heroku create $APP-NAME --buildpack mars/create-react-app
git push heroku $BRANCH_NAME:master
```
Fire up your app by running `heroku open` Yay!!! your app has been deployed successfully.
# Authors
👤 **Uduak Essien**
- Github: [@acushlakoncept](https://github.com/acushlakoncept/)
- Twitter: [@acushlakoncept](https://twitter.com/acushlakoncept)
- Linkedin: [acushlakoncept](https://www.linkedin.com/in/acushlakoncept/)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- [Microverse Inc](https://www.microverse.org/)
- [Design Inspiration](https://www.behance.net/gallery/37706679/Circle-(Landing-page-Dashboard-Mobile-App)), Design Idea by [Alexey Savitskiy on Behance](https://www.behance.net/alexey_savitskiy)