Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fredh2o/cafe-bianco
Café built with React for practice and project.
https://github.com/fredh2o/cafe-bianco
Last synced: about 1 month ago
JSON representation
Café built with React for practice and project.
- Host: GitHub
- URL: https://github.com/fredh2o/cafe-bianco
- Owner: FredH2O
- License: mit
- Created: 2024-11-05T18:34:59.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-20T19:37:54.000Z (about 2 months ago)
- Last Synced: 2024-11-20T20:24:50.310Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 13.3 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.