Skip to content

This is a frontend project I built using Next.js and TypeScript. It’s all about the design no backend yet, just a pretty and functional website. I was super inspired by Gabriella Gading's design style.

Notifications You must be signed in to change notification settings

AhmedHHamdy/bakery-shop

Repository files navigation

Sure! Here's a more casual and human-like version of the README:


Bakery Shop Website 🍰

This is a frontend project I built using Next.js and TypeScript. It’s all about the design no backend yet, just a pretty and functional website. I was super inspired by Gabriella Gading's design style.


What’s Inside? 🎯

  • Home Page: A cozy landing page to welcome you to the bakery.
  • Login & Register: Simple forms for users to sign in or create an account (just frontend, no real backend stuff).
  • Contact Me: A neat little form to get in touch with the bakery.
  • Shop Page: A place to browse all the yummy bakery items. It’s got:
    • Filters: You can filter items by category, price, or whatever you like.
    • Mock Data: Fake data for now, but it looks real! Each item has a name, price, description, and image.
  • Responsive Design: Looks great on your phone, tablet, or computer.

Design Vibes 🎨

The design is heavily inspired by Gabriella Gading I’m a huge fan of their work! I focused on making everything look clean and polished, with nice typography, spacing, and colors. It’s all about that visual appeal.


Tech Stuff 🛠️

  • Next.js: For building the site (it’s a React framework).
  • TypeScript: To keep the code clean and less buggy.

How to Run It 🖥️

Want to check it out locally? Here’s how:

  1. Clone the repo:

    git clone https://github.com/your-username/bakery-shop.git
    cd bakery-shop
  2. Install the stuff:

    npm install
  3. Start the server:

    npm run dev
  4. Open your browser: Go to http://localhost:3000 and voilà!


Want to Contribute? 🤝

If you’ve got ideas to make this better, feel free to contribute! Here’s how:

  1. Fork the repo.
  2. Create a new branch (git checkout -b feature/YourFeatureName).
  3. Make your changes.
  4. Commit them (git commit -m 'Add some awesome feature').
  5. Push to the branch (git push origin feature/YourFeatureName).
  6. Open a pull request.

License 📄

This project is under the MIT License. Do whatever you want with it!


About

This is a frontend project I built using Next.js and TypeScript. It’s all about the design no backend yet, just a pretty and functional website. I was super inspired by Gabriella Gading's design style.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published