An open API service indexing awesome lists of open source software.

https://github.com/jstanoeva/cheesebase

Cheesebase project with React + Vite and Tailwind CSS. Deployed with Vercel.
https://github.com/jstanoeva/cheesebase

api cheese cheesebase css3 front-end-development html5 javascript lucide-react project react tailwind-css vercel vercel-deployment vite web-design web-development website

Last synced: 2 months ago
JSON representation

Cheesebase project with React + Vite and Tailwind CSS. Deployed with Vercel.

Awesome Lists containing this project

README

          

# πŸ§€ Cheesebase

Welcome to **Cheesebase** – the open-source Firebase alternative, now 100% more delicious! πŸ§€ Whether you're building a full-stack web app, a serverless prototype, or a dairy-fueled dream, Cheesebase is your flavorful backend companion.

Built with **React**, **Vite**, and **TailwindCSS**, Cheesebase delivers a modern, responsive, and whimsical developer experience that doesn't skimp on the cheese.

---

## 🌟 Live Demo

Check out the live site here: [cheesebase.vercel.app](https://cheesebase.vercel.app/)

---

## πŸ• What is Cheesebase?

Cheesebase is a fictional (but fully functional) frontend website that showcases a pretend BaaS (Backend-as-a-Service) platform themed entirely around cheese.

It includes:

- πŸ§€ **The Big Cheese Database** (Actual cheese DB to be added)
- πŸ” **Gouda Authentication** (User login UI only)
- πŸ“¦ **Swiss Storage Solutions** (File storage parody)
- ⚑ **Edam Edge Functions** (Mock serverless logic)
- πŸ”„ **Realtime Roquefort** (Frontend-only demo of real-time updates)
- πŸ€– **Gemini-Powered Cheesy Idea Generator** _(you need your own API key to use this feature)_

---

## πŸ› οΈ Built With

- [React](https://react.dev/)
- [Vite](https://vitejs.dev/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Lucide Icons](https://lucide.dev/)
- [Google Gemini API](https://ai.google.dev)

---

## πŸš€ Features

- 🎯 Custom Global Styles & Scrollbars
- 🧭 Responsive Navigation (Desktop + Mobile)
- πŸ§€ Hero & CTA Sections with melty cheese metaphors
- 🧊 Animated Carousels & Grids
- πŸ‡ Dynamic hover interaction section (β€œEat Cheese With...”)
- πŸ’‘ Gemini API-powered idea generator
- 🏒 Partner brand carousel with infinite scroll
- πŸ“‹ Footer packed with cheesy docs, careers, and curd-certified policies

---

## πŸ§ͺ Run Locally

To run Cheesebase locally on your machine:

1. **Clone the repo**

```bash
git clone https://github.com/JStanoeva/cheesebase.git
cd cheesebase
```

2. **Install dependencies**

```bash
npm install
```

3. **Run the development server**

```bash
npm run dev
```

4. **(Optional) Add a `.env` file** to enable the Gemini API section:

```
VITE_GEMINI_API_KEY=your_gemini_api_key_here
```

---

## 🧠 Folder Structure

```
.
β”œβ”€β”€ public/ # Static files (e.g. icons, images)
└── src/
β”œβ”€β”€ App.jsx # Main app file
β”œβ”€β”€ main.jsx # React root + Tailwind import
└── index.css # Tailwind directives + custom CSS
```

---

## 🍯 Future Ideas

- 🧬 Add real backend (e.g., Supabase/Firebase integration)
- 🍰 Create interactive dashboard with real data
- πŸ§€ Launch CheeseOS: a full operating system made of cheese (just kidding… or not)

---

## πŸ«• Disclaimer

Cheesebase is a parody project inspired by Supabase and Firebase, created purely for fun and frontend development practice. No actual dairy products were harmed.

---

## 🀝 Contributing

Pull requests are welcome! Got a brilliant fondue-fueled feature? Melt it into the code!

---

## πŸ“œ License

MIT Β© [Queen Tora] β€” Long live the πŸ§€ **Cheese Republic**.

---

> πŸ§€ _"Craft in a Curd-dash. Scale to Moo-niverse."_
> – The Cheesebase Motto