Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/adithaker/tassista

🚕 This repository holds the 'Tassista' project an Uber clone that I made during the Unicode learning period.
https://github.com/adithaker/tassista

chai express googlemaps-api javascript material-ui mocha mongoose nodejs passportjs reactjs rest-api

Last synced: 2 days ago
JSON representation

🚕 This repository holds the 'Tassista' project an Uber clone that I made during the Unicode learning period.

Host: GitHub
URL: https://github.com/adithaker/tassista
Owner: ADIthaker
Created: 2020-08-26T07:08:47.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2021-01-05T04:46:44.000Z (about 4 years ago)
Last Synced: 2023-05-05T17:07:40.161Z (over 1 year ago)
Topics: chai, express, googlemaps-api, javascript, material-ui, mocha, mongoose, nodejs, passportjs, reactjs, rest-api
Language: JavaScript
Homepage:
Size: 16.9 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Tassista  

 Tassista is a webapp that i am working on in the Unicode learning period.

 This app is divided in tasks. The following is the list of tasks :

- [x] First Task - Add Oauth and JWT Authentication for two types of users

- [x] Second Task - Add request model and maps for users and drivers

-------------------------------------------------

## The Tech Stack 

### Client Side :

| Package | Version |

|--------|--------|

| React  | v16.13.1|

| Material-UI |  v4.11.0|

| Material Icons |  v4.9.1|

| react-google-maps |  v1.10.1|

| use-places-autocomplete | v1.5.2|

### Server Side:

| Package | Version |

|--------|--------|

| Express  | v4.17.1|

| Mongoose  |v5.10.0|

| Passport   |v0.4.1|

| Concurrently|  v5.3.0|

---------------------------------------------------------------

## Preview

### Home Screen / Landing Page

![Home](./proj_screenshots/home_screen.jpg)

### Authentication

**Register:**

##### Users and Drivers can register using their existing Google accounts or have a new account registered

![SignUp](./proj_screenshots/signup_screen.jpg)

**Login:**

##### Users and Drivers have their separate collections from which they are chosen and authorized based on input credentials. The form is validated on input stream.

![LogIn](./proj_screenshots/err_login.png) 

### User Profile

**Profile Page for both driver and user :**

 ![Profile](./proj_screenshots/profile.jpg)

 ![ResponsiveNav](./proj_screenshots/navbar_responsive.jpg)

### Requesting For Rides

**User side**

##### The user can make new ride request and edit older requests but can only make one request at a time. The Autocomplete material ui component used for autocomplete and suggestions are provided from use-places-autocomplete hook. The time of ride can also be changed to personal preference.

![MakeReq](./proj_screenshots/book_ride.png)

----------------------------------------------------------

![EditReq](./proj_screenshots/edit_ride.png)

#### Driver side

##### The driver can look at all the pending requests from the users in a given radius and can choose to accept any ONE request. The accepted request is then showed to the driver with the user info and the pickup and drop locations are marked on the map

![AcceptReq](./proj_screenshots/driver_directions.jpg)

-----------------------------------------------------------------

![CompleteReq](./proj_screenshots/req_pg.png)

---------------------------------------------------------------

## APIs used for the application 

- [Google JavaScript Maps API](https://developers.google.com/maps/documentation/javascript/overview) 

- [Google Places API](https://developers.google.com/places/web-service/overview)

- [Google Fonts API](https://fonts.google.com/)

----------------------------------------------------------------------

## Note

- This is one of my early projects and is very buggy😛.

-----------------

## To run this project in your environment

Run the following commands in the project directory:

```

cd client

npm install

cd ../server

npm install

npm run dev

```