https://github.com/abuhuraira-73/croissocafe

https://github.com/abuhuraira-73/croissocafe

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/abuhuraira-73/croissocafe
• Owner: abuhuraira-73
• Created: 2025-07-03T14:16:28.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-07-12T10:16:29.000Z (5 months ago)
• Last Synced: 2025-07-12T12:11:03.458Z (5 months ago)
• Language: HTML
• Size: 15.3 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
CroissoCafe – Brand & Portfolio Landing Page




  



A modern portfolio café site designed from scratch




  CroissoCafe is a self-initiated branding project focused on crafting a modern, elegant café identity.  

  The project involved end-to-end design — from brainstorming and moodboarding in Milanote, to logo sketching, mockups, and building a responsive landing page UI using HTML5, CSS3, and JS.  

  It's a demonstration of my design sensibility, frontend development, and creative direction.



---

## ✨ Features & Highlights

- 🍞 **Custom Branding**  

  Designed logo, color palette, and visual identity from scratch.

  

- 🖥️ **Responsive UI**  

  Fully responsive layout optimized for mobile, tablet, and desktop devices.

- 🧩 **Interactive Layout**  

  Scroll animations, image mockups, hero sections, contact forms, and gallery views.

- 🖌️ **Creative Design Process**  

  Brainstormed using Milanote, created moodboards, and used Illustrator + Photoshop for branding elements.

- 🛠️ **Frontend Stack**  

  Built using vanilla **HTML**, **CSS**, and **JavaScript** with clean, modular structure.

---

## 📸 Screenshots



  

  





  

  



---

## 🛠️ Tech Stack

- **HTML5 & CSS3**  

- **Vanilla JavaScript**  

- **Adobe Illustrator & Photoshop** (for logo and assets)  

- **Milanote** for ideation and moodboarding  

- **Canva** for quick visual presentation  

- **VS Code** as primary editor  

---

## 🚀 Getting Started

### 📁 Clone Repository

```bash

git clone https://github.com/your-username/CroissoCafe.git

cd CroissoCafe

```

🧠 Project Structure

```bash

CroissoCafe/

├── assets/                # Images, icons, fonts

├── css/                   # Stylesheets

├── js/                    # Scripts

├── index.html             # Landing Page

└── README.md              # Project ReadMe

```

🧑‍💻 Author
 
Abu Huraira Jamal
 Frontend & MERN Developer
 GitHub Profile


📬 Connect With Me
         

🙏 Acknowledgments

Thanks to the creative community on Milanote & Behance for design inspiration.


Self-initiated and designed by Abu Huraira Jamal.