Walle

Proyect Final Platzi Master

Description

The application allows to plan and manage your meals and waste. It let you see a database of recipies and assign your favorites meals to an specific day in a calendar. You can export a shopping list of ingredients, based on the recipes assigned. Finally it help you to manage your waste to boost recycling.

Collaborators

Paul: paulmontoya15@gmail.com José: jd.garzon12@gmail.com

How to work

This is a React app, so we are working thinking in components.

Components

This is the initial list of components:

Com--User-info
Com--Payment
Com--Cart-section
Com--Cart-head
Com--Recipe-instructions
Com--Recipe-ingredients
Com--Recipe-metadata
Com--Recipe-dasboard
Com--Recipe-carrousel
Com--Recomendations-carrousel
Com--Instructions-list
Com--Search-hero
Com--Main-hero
Com--Header-home
Com--Header-landing

This components are specified in figma https://www.figma.com/file/nPhHPUFx0Q0dJQSbKumqTY/Proyecto-grupal-Walee?node-id=0%3A1

Styles

The styles are set with Sass. Each component has his own Sass file and it's saved in the style folder in the respective component(component or page).

Syntaxis to create a component

//------------------------------ import libraries
import React from "react";
import ReactDOM from "react-dom";

//------------------------------ import components

//------------------------------ import styles and images
import "./index.scss";

const Greeting = () => {
  return <h1>Hola Bienvenido a Wall-e.</h1>;
};

ReactDOM.render(<Greeting />, document.getElementById("root"));

Available Scripts

In the project directory, you can run:

`npm start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

PaulMoro/Wallee