https://github.com/fredh2o/cafe-bianco
Café built with React for practice and project purposes
https://github.com/fredh2o/cafe-bianco
css3 html react react-hooks react-router react-router-dom reactjs
Last synced: 2 months ago
JSON representation
Café built with React for practice and project purposes
- Host: GitHub
- URL: https://github.com/fredh2o/cafe-bianco
- Owner: FredH2O
- License: mit
- Created: 2024-11-05T18:34:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-22T18:55:13.000Z (over 1 year ago)
- Last Synced: 2025-02-01T06:25:45.416Z (over 1 year ago)
- Topics: css3, html, react, react-hooks, react-router, react-router-dom, reactjs
- Language: JavaScript
- Homepage: https://fredh2o.github.io/cafe-bianco/
- Size: 17.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Cafe Bianco
Cafe Bianco is a modern café website built with React. It features a responsive design, an interactive menu, a contact form, and a map to the café's location.
## Live Demo
[Visit Cafe Bianco on GitHub Pages](https://fredH2O.github.io/cafe-bianco)
## Features
- Responsive design for all devices.
- Interactive menu with detailed items.
- Contact form for easy communication.
- Embedded map of the café's location.
## Technologies Used
- **React**: Component-based UI framework.
- **React Router**: Client-side routing.
- **Bootstrap**: Responsive design.
- **React Bootstrap**: Bootstrap components in React.
- **React Leaflet & Leaflet**: Interactive maps.
- **Swiper**: Carousels and slideshows.
- **Lodash**: JavaScript utility library.
- **Date-fns**: Date manipulation.
- **Bootstrap Icons**: Scalable vector icons.
- **Animate.css**: Smooth animations.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/fredH2O/cafe-bianco.git
```
2. Navigate into the project directory:
```bash
cd cafe-bianco
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
## Deployment
To deploy this project to GitHub Pages:
1. Install `gh-pages`:
```bash
npm install gh-pages --save-dev
```
2. Add these scripts to `package.json`:
```json
"homepage": "https://fredH2O.github.io/cafe-bianco",
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}
```
3. Build and deploy:
```bash
npm run deploy
```
4. Visit [https://fredH2O.github.io/cafe-bianco](https://fredH2O.github.io/cafe-bianco).
## License
Licensed under the MIT License. See the [LICENSE](LICENSE) file for details.