/eliftech_delivery_app

Food delivery aplication. Implement goole maps, capcha, show history

Primary LanguageTypeScript

CSS React Redux React Router React Hook Form TypeScript Prettier

NodeJS NestJS Prisma REST API NPM Git

This is an online delivery application like Glovo, which allows you to order and arrange delivery of products to the specified address.

The technologies used are React.js, Redux.js, Nest.js, Prisma, PostgreSQL.

Implemented in the project:

- google maps - specifying the address with a marker, displaying the store icon on the map at the address of the store, calculating the distance and time depending on the method of delivery on foot or by car, setting the delivery address via input, depending on the method of delivery on foot or by car;

- captcha;

- placing orders and saving order's data in DB;

- History of orders;

- ordering goods only in one store;

- DB seeding;

- deploy Back End part on Heroku and Front End part on Netlify.


🎨 Design ideas for this project were taken from https://dribbble.com

To launch the app you should:

Install npm modules on the Client and the Server

$ cd client
$ npm install

$ cd server
$ npm install

Setup environment on the Client and the Server🔧

1. Create inside client/server dir file .env
2. Copy content from .env.dist to .env
3. Change the data in the .env file to required

Run the app on the Client🚀

# development mode
$ npm run dev

# production mode
$ npm run start

Run the app on the Server🏃

# development mode
$ npm run start:dev

# production mode
$ npm run start:prod

Seed the DB🌱

# development mode
$ npm run seed

Create and run migration in the DB🐪

# development mode
$  npx prisma migrate dev --name shopAddressAndIcon

Heroku deploy mode

$ npx prisma migrate deploy

___