Hey there, welcome!
I'm Thiago and I'm a fullstack developer in progress.
This study project is made up of a food delivery simultaing a store with admins and clients sides, and CRUD features.
📈 Project Progress: Study Phase Complete! ✔️
This web application was developed with the following features:
✔️ RESTful Backend on Node.js
✔️ Create, Read, Update and Delete functions
✔️ Mongoose on DB
✔️ Form validation with Regex
✔️ Token generation, validation and authorization
✔️ Real time cart update
✔️ Sass on CSS
✔️ Responsivity
You will need a text editor in order to edit the code source, but I do recommend Visual Studio Code from Microsoft.
You can run all the project on a browser, I do recommend Google Chrome.
You will need Node.js on Backend.
You will need those Node.js modules: mongoose, jwt, cors and express.
I do recommend MongoDB Compass as a GUI for DB.
I do recommend Postman to test the backend.
Setup
You can get the full project:
- a) Cloning with bash
git clone https://github.com/0thiago/Food-Delivery.git && git cd Food-Delivery, or- b) Opening it with GitHub Destkop, or
- c) Downloading it as zip file
Run
Connect your DB on MongoDB Compass and create the collections (clients, products, etc) Open the project root folder with command line and type 'npm init -y' to start the Node app On command line type: 'npm i express mogoose cors' to instal those modules On command line type: 'npm install --save-dev nodemon to instal nodemon Run 'npm run dev' on /src folder with command line to start the Server.
Open index.html (FRONT folder) on your browser
Back to Menu ↑
CSS 3 HTML 5 Javascript Sass Node.js MongoDB Postman Canva
Back to Menu ↑
food-delivery-sample11.mp4 |
food-delivery-sample2.mp4 |
food-delivery-sample31.mp4 |
food-delivery-sample4.mp4 |
Back to Menu ↑
Olá, Seja muito bem vindo(a)!
Me chamo Thiago e eu sou um desenvolvedor fullstack em progresso...
Este projeto de estudos é constituído de uma página de delivery para um restaurante que simula desde o cadastro até o acompanhamento do pedido finalizado.
📈 Progresso do Projeto: Requisitos para Estudos Finalizados! ✔️
Esta aplicação web contém as seguintes funcionalidades:
✔️ RESTful Backend em Node.js
✔️ Funções de Criar, Ler, Atualizar e Deletar (CRUD)
✔️ Mongoose no Banco de Dados
✔️ Validação de formulários com Regex
✔️ Geração, validação e autenticação de Tokens (jwt)
✔️ Atualização em tempo real do carrinho
✔️ Sass no CSS
✔️ Responsividade
É necessário ter um editor de textos para editar o código fonte, eu recomendo o Visual Studio Code da Microsoft.
Você poderá executar o project em qualquer navegador de internet, eu recomendo o Google Chrome.
Você precisará do Node.js para o Backend.
Você precisará dos seguintes módulos do Node.js: mongoose, jwt, cors e express.
Eu recomendo o MongoDB caso queira gerenciar a base de dados por interface gráfica.
Eu recomendo o Postman para realizar os tests no Backend.
Instalação
Você pode obter o projeto completo das seguintes formas:
- a) Cloná-lo usando o bash
git clone https://github.com/0thiago/Food-Delivery.git && git cd Food-Delivery, ou- b) Abrindo-o com o GitHub Destkop, ou
- c) Baixando o arquivo completo em .zip
Execução
Conecte-se no MongoDB Compass e crie as tabelas (clients, products, etc) Abra a pasta raíz do projeto com um progrma de linha de comando e digite: 'npm init -y' pra iniciar uma aplicação Node Na linha de comando digite: 'npm i express mogoose cors' para instalar esses módulos Na linha de comando digite: 'npm install --save-dev nodemon' para instalar o nodemon Execute a linha de comando 'npm run dev' na pasta /src para iniciar o Servidor.
Abra o index.html (pasta Front) no navegador.
CSS 3 HTML 5 Javascript Sass Node.js MongoDB Postman Canva
Voltar ao menu principal ↑
food-delivery-sample11.mp4 |
food-delivery-sample2.mp4 |
food-delivery-sample31.mp4 |
food-delivery-sample4.mp4 |
Voltar ao menu principal ↑