-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5e46f2b
commit 8187d9e
Showing
1 changed file
with
40 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,41 @@ | ||
# Recipes | ||
Recipes Project | ||
Welcome to the Recipes Project! This is a simple static website that showcases a collection of recipes. It was my first project, and my main goal was to experiment with web development concepts, focus on building a functional app, and improve my HTML and CSS skills. | ||
|
||
Simple project in HTML and CSS to demonstrate some concepts learned such as tags, elements, paragraphs, titles, images,lists,links,selectors and properties. | ||
🚀 Project Overview | ||
This static website displays a list of recipes, including key information like ingredients, preparation steps, and images. As my first project, I focused primarily on ensuring everything was functional, while experimenting with layout techniques and styling. | ||
|
||
🎯 Features | ||
- Recipe List: Display of several recipes with images, ingredients, and steps. | ||
- Simple Layout: A minimalistic and clean design that highlights the recipe content. | ||
- Static Pages: All pages are pre-built and content is hardcoded for a simple and quick display. | ||
- Basic Styling: The design is simple, focusing on providing clear information in an organized way. | ||
|
||
🔧 Technologies Used | ||
- HTML: For structuring the content of the website. | ||
- CSS: For styling and layout. | ||
|
||
⚙️ What I Learned | ||
- HTML and CSS Fundamentals: This was my first major project, and I learned the basics of HTML and CSS while building it. | ||
- Design and Structure: I learned how to structure a clean and user-friendly layout, making sure it’s easy for users to navigate and read. | ||
|
||
🛠️ What Could Be Improved | ||
- Interactivity: Adding JavaScript to make the website dynamic and interactive could be a good next step. | ||
- Responsive Design: To make the site more mobile-friendly, I could add media queries and use more advanced layout techniques. | ||
- Design Improvements: Future improvements can include using CSS Flexbox or Grid Layout for a more structured, flexible layout. | ||
|
||
🌟 How to Access | ||
You can view the project live on GitHub Pages. Just click the link below: | ||
|
||
https://matheusmarqs1.github.io/project-recipes/ | ||
|
||
🤝 How to Contribute | ||
Contributions are welcome! If you'd like to help improve this project, you can: | ||
|
||
- Fork the repository. | ||
- Clone your fork to your local machine. | ||
- Make improvements, such as adding new recipes, improving the design, or adding interactivity. | ||
- Create a pull request with a clear description of the changes. | ||
- Feel free to suggest new features, report bugs, or share improvements that can make this project better! | ||
|
||
📚 Notes | ||
This project is a starting point in my web development journey. It’s my first time building a static website, and I’m excited to continue learning. While the main goal was to create something that works well, I plan to expand on this project in the future by adding more features, improving the design, and making it more responsive. |