Welcome to the Black Bean Cafe website, a coffee shop that prides itself on sourcing and serving the finest coffee from around the world. This website was built from scratch using React and Tailwind CSS, and serves as a platform for customers to learn about the coffee, the shops and the team behind the Black Bean Cafe.
The website is deployed on Netlify and can be accessed at https://black-bean-cafe.netlify.app/
- React
- Vite
- TailwindCSS
- HTML
- CSS
- User-friendly interface
- Easy navigation links
- Beautiful design with animations
The About section gives a brief overview of what the Black Bean Cafe is all about. It highlights the mission and vision of the cafe, as well as the values that they uphold. Here, you'll also find information about the team that makes the cafe what it is.
The Beans section provides information about the different types of coffee beans that the cafe imports and uses. From rich, bold flavors to light and fruity blends, this section gives you an idea of the wide variety of beans that you can expect to find at the Black Bean Cafe.
The Shops section is a list of all the Black Bean Cafe locations. Whether you're in the mood for a quick espresso or a cozy sit-down experience, this section gives you an idea of where to find the nearest cafe to you.
The Cafe section provides a virtual tour of the Black Bean Cafe itself. You can browse through the menu, see pictures of the cafe's interior and get an idea of what to expect before you even step foot inside.
- Clone the repository to your local machine
- Install dependencies with npm install
- Run the development server with npm run dev
- Open the website on http://localhost:3000
- Tailwind CSS
- Vite.js
- Netlify
- Design was gotten from smartslider