Skip to content

DanielMafra/RDelivery-frontend-ReactJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RDelivery

A delivery website created with ReactJS for online ordering.

Demo

View project in production: https://danielmafra.github.io/rdelivery/

Desktop demo:

RDelivery

Smartphone demo:

RDelivery

Run Locally

Clone the project

  git clone https://github.com/DanielMafra/RDelivery-frontend-ReactJS.git

Go to the project directory

  cd RDelivery-frontend-ReactJS

Install dependencies

  yarn install

Start the server

  yarn start

Deployment

To deploy this project run

  yarn build

API

  • This project uses a fake My JSON Server API for list products.

If you want to register your own products, just clone this repository, modify and upload it to GitHub: https://github.com/DanielMafra/api.git

After that, just follow the instructions that are in https://my-json-server.typicode.com/

  • The project also uses the ViaCEP API to get the address more dynamically.

You can find out more about at https://viacep.com.br/

Features

  • Consume data through API
  • Breakpoints for Desktop and Smartphone
  • Increment and decrement products in the cart
  • Add note to product
  • Form data validation
  • ContextAPI and custom Hooks
  • Phone field mask
  • Get address via API through zip code
  • Save the address used in localStorage
  • Use the address in localStorage as default

Authors

This project was coded by @danielmafra using a UI Design created by @isadorastan.