Welcome to the Balanced Chef project! This open-source project aims to provide a comprehensive solution for meal planning and recipe management, helping users maintain a balanced and healthy diet. With an intuitive user interface and powerful features, Balanced Chef simplifies the process of planning meals, discovering new recipes, and ensuring a wholesome culinary experience.
The Balanced Chef project is built using Astro.js, a modern front-end framework that allows for efficient static site generation. The codebase is organized into different directories, each serving a specific purpose. Let's take a closer look at the main directories and their functionalities:
The src/components
directory contains reusable UI components used throughout the project. These components are designed to be modular and customizable, promoting code reusability and consistency in the user interface. From buttons and forms to navigation elements and recipe cards, the components
directory houses the building blocks of the application's visual elements.
The src/layouts
directory includes layout components that define the overall structure of the pages. Layout components provide a consistent structure for different sections of the application, such as the header, footer, and sidebar. By separating layout concerns from page-specific content, this directory facilitates easy maintenance and updates to the overall application structure.
The src/pages
directory is where the main pages of the application reside. These pages include the home page, recipe details page, meal planning page, and more. Each page is designed to provide specific functionality and an engaging user experience. Through the use of Astro.js's static site generation capabilities, the pages are optimized for performance and SEO.
- Clone the repository locally using the command:
- Install the necessary dependencies by navigating to the project directory and running:
- Start the development server by running the command:
git clone https://github.com/fahad0samara/Astro.js.git
npm install
npm run dev
-
Open your browser and visit
http://localhost:3000
to access the Balanced Chef application. -
Explore the various features of the application, such as recipe management, meal planning, and dietary preferences. Use the intuitive user interface to add, edit, and delete recipes, plan meals for the week, and customize your meal plans based on dietary requirements.
-
Take advantage of the nutritional information provided for each recipe to make informed choices and maintain a balanced diet.
-
Enjoy the convenience and efficiency of the Balanced Chef application in simplifying your meal planning and recipe management journey.