https://github.com/sarapmagcode/react-beans
Explore jelly beans and recipes with this React app built using Vite, integrating the Jelly Belly Wiki API for a fun and dynamic experience
https://github.com/sarapmagcode/react-beans
api css javascript jelly-beans react react-hooks react-router reactjs recipe recipes rest-api
Last synced: 4 months ago
JSON representation
Explore jelly beans and recipes with this React app built using Vite, integrating the Jelly Belly Wiki API for a fun and dynamic experience
- Host: GitHub
- URL: https://github.com/sarapmagcode/react-beans
- Owner: sarapmagcode
- Created: 2024-12-24T08:34:31.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-29T07:55:56.000Z (6 months ago)
- Last Synced: 2025-01-19T10:12:58.840Z (6 months ago)
- Topics: api, css, javascript, jelly-beans, react, react-hooks, react-router, reactjs, recipe, recipes, rest-api
- Language: JavaScript
- Homepage:
- Size: 69.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Jelly Belly Wiki Website (Unofficial)
This project is a React application built with Vite that allows users to explore and view beans and recipes from the Jelly Belly Wiki API. The app provides an interactive and efficient way to access and display beans & recipes.
## Features
- **Bean Search**: Users can browse and view jelly beans from the Jelly Belly Wiki API.
- **Recipe Search**: Users can browse and view recipes from the Jelly Belly Wiki API.
- **Dynamic Routing**: View details of individual beans and recipes using dynamic API endpoints.
- **Responsive Design**: Built with CSS to ensure a clean and user-friendly interface across devices.
- **API Integration**: Fetch data dynamically using the Jelly Belly Wiki API.
## Technologies Used
- **React**: For building the user interface.
- **Vite**: As the build tool for fast and efficient development.
- **CSS**: For styling the application.
- **Postman**: Used for testing API endpoints during development.
## API Details
This project integrates with the [Jelly Belly Wiki API](https://jelly-belly-wiki.netlify.app/) to fetch and display beans & recipe data.
## React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh