Proyect Final Platzi Master
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.
Paul: [email protected] José: [email protected]
This is a React app, so we are working thinking in 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
This is the initial list of pages:
- pag--Landing
- pag--Home
- pag--Recipe
- pag--Cart
- pag--User
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).
//------------------------------ 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"));
In the project directory, you can run:
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.