Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/opencodechicago/chicagoslicehouse

This repository is part of our practical frontend workshop, where participants will use HTML and CSS to build a simple yet visually appealing pizzeria website based on a design created in Figma.
https://github.com/opencodechicago/chicagoslicehouse

css figma frontend frontend-mentor frontend-web frontenddevelopment html opencode opencodechicago project ui-design ux-design ux-ui ux-ui-design webdesign webdevelopment

Last synced: 2 days ago
JSON representation

This repository is part of our practical frontend workshop, where participants will use HTML and CSS to build a simple yet visually appealing pizzeria website based on a design created in Figma.

Awesome Lists containing this project

README

        

# πŸ• Chicago Slice House - Figma Design Project

Welcome to the **Chicago Slice House** repository, part of the **Open Code Chicago** community!

[![GitHub last commit](https://img.shields.io/github/last-commit/OpenCodeChicago/ChicagoSliceHouse)](https://github.com/OpenCodeChicago/ChicagoSliceHouse/commits/main)
[![GitHub license](https://img.shields.io/github/license/OpenCodeChicago/ChicagoSliceHouse)](https://github.com/OpenCodeChicago/ChicagoSliceHouse/blob/main/LICENSE)
[![Figma](https://img.shields.io/badge/Figma-2022.2-FF7262.svg)](https://www.figma.com/)

---

## About the Project

> This **project** is a **collaborative** **design** and **development** initiative centered around a pizzeria website called **"Chicago Slice House."** The design has been created using **Figma**, and we encourage **contributions** from **anyone** **interested** in **web design**, **development**, or simply looking to **learn** and **grow** within the **tech community**.

---

## Table of Contents

- [Project Resources](#project-resources)
- [How to Contribute](#how-to-contribute)
- [Upcoming Event](#upcoming-event---august-24th)
- [Issues](#issues)
- [License](#license)
- [Feedback](#feedback)
- [Languages and Tools](#languages-and-tools)
- [Contact](#contact)

## Project Resources

### Main Project Resource

#### πŸ”— [Figma Design Link](https://www.figma.com/design/SR1wLm4SSpoZUJ719ljxqr/Chicago-Slice-House?node-id=1-1178&t=rKXTzkWfAOSt4ZY5-1)
Explore the complete design for the Chicago Slice House project on Figma.

### Design Resources

#### πŸ”— [Figma Prototype Link](https://www.figma.com/proto/SR1wLm4SSpoZUJ719ljxqr/Chicago-Slice-House?node-id=1-1178&t=rKXTzkWfAOSt4ZY5-1)
Interact with the Figma prototype to experience the flow and functionality of the Chicago Slice House design.

#### πŸ”— [Behance Project Link](https://www.behance.net/gallery/205932901/Chicago-Slice-House)
Check out the project presentation and portfolio on Behance.

#### πŸ”— [Dribble Design Link](https://dribbble.com/shots/24714469-Chicago-Slice-House?utm_source=Clipboard_Shot&utm_campaign=Alexandrbig1&utm_content=Chicago%20Slice%20House&utm_medium=Social_Share&utm_source=Clipboard_Shot&utm_campaign=Alexandrbig1&utm_content=Chicago%20Slice%20House&utm_medium=Social_Share)
View the design highlights and key visuals for the Chicago Slice House on Dribbble.

## Project Preview

![Chicago Slice House Design](images/pp1.png)
![Chicago Slice House Design](images/pp5.png)

---

## How to Contribute

We welcome and encourage contributions from the community! Whether you’re a designer, developer, or someone interested in learning, here's how you can get involved:

1. **Fork the Repository**: Click on the `"Fork"` button in the top right corner to create a copy of this repository on your GitHub account.
2. **Clone the Repository**: Clone the forked repository to your local machine.
```bash
git clone https://github.com/your-username/chicago-slice-house.git
```
3. **Create a Branch**: Create a new branch for your contributions.
```bash
git checkout -b your-branch-name
```
4. **Collaborate and Contribute**: Make your changes, add features, or improve the documentation. Feel free to share your ideas and collaborate with others.
5. **Push Your Changes**: After making your changes, push the branch to your GitHub repository.
```bash
git push origin your-branch-name
```
6. **Create a Pull Request**: Once you're happy with your changes, create a pull request to have your changes reviewed and merged into the main repository.

---

## Upcoming Event - August 24th

On Saturday, `24th of August`, during our next **Open Code Chicago event**, we will work through this project together. It’s a great opportunity to get hands-on experience, collaborate with others, and learn best practices in web development.

---

## Issues

If you encounter any problems or bugs, please report them by opening an issue in this repository. We appreciate your feedback and will work on resolving issues as soon as possible.

### How to Report an Issue

1. Go to the [Issues](https://github.com/OpenCodeChicago/ChicagoSliceHouse/issues) section of the repository.
2. Click on **New Issue**.
3. Provide a clear and detailed description of the problem.
4. If possible, include screenshots or code snippets to help us understand the issue better.

---

## License

This project is licensed under the MIT License. See the [MIT License](LICENSE) file for details.

---

## Feedback

We’re always looking to improve! If you have any suggestions, ideas, or enhancements that could benefit this project, please open an issue or contribute directly by making a pull request. Your feedback is invaluable to us.

---

## Languages and Tools

HTML5
CSS3

git

figma

---

## Contact

For any questions, suggestions, or further discussion, feel free to reach out to us:



YouTube


linkedin


Discord


stackoverflow


dribbble


behance