Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/liquid-o2/ryokucha
Ryokucha is an e-commerce app that allows you to buy Japanese green tea directly from Japan. Whether you're a fan of hojicha, sencha, or any other variety of green tea, Ryokucha has something for everyone. This app was built using React, Next.js 13 (with its new features such as the app directory), Framer Motion, TypeScript, Sanity, Firebase, etc
https://github.com/liquid-o2/ryokucha
firebase firebase-auth firestore firestore-database framer-motion next-js nextjs react tailwind tailwindcss typescript ui-design
Last synced: about 24 hours ago
JSON representation
Ryokucha is an e-commerce app that allows you to buy Japanese green tea directly from Japan. Whether you're a fan of hojicha, sencha, or any other variety of green tea, Ryokucha has something for everyone. This app was built using React, Next.js 13 (with its new features such as the app directory), Framer Motion, TypeScript, Sanity, Firebase, etc
- Host: GitHub
- URL: https://github.com/liquid-o2/ryokucha
- Owner: liquid-O2
- Created: 2022-11-21T06:10:43.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-10T11:00:11.000Z (almost 2 years ago)
- Last Synced: 2024-12-15T12:49:08.474Z (7 days ago)
- Topics: firebase, firebase-auth, firestore, firestore-database, framer-motion, next-js, nextjs, react, tailwind, tailwindcss, typescript, ui-design
- Language: TypeScript
- Homepage: https://ryokucha.vercel.app/
- Size: 107 MB
- Stars: 13
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ryokucha
Ryokucha is an e-commerce app that allows you to buy Japanese green tea directly from Japan. Whether you're a fan of hojicha, sencha, or any other variety of green tea, Ryokucha has something for everyone.
This app was built using React, Next.js 13 (with its new features such as the `app` directory), Framer Motion, TypeScript, Sanity (a headless CMS), Firebase Auth, React-Hook-Forms, Stripe, Jest, Tailwind, and React Testing Library.
> I also have a version using Firebase's Firestore database, although the code is not up-to-date you can still check it out by switching to the
> `with-firestore` branch
## Features
- Browse a wide selection of Japanese green teas
- Add items to your cart and check out with Stripe
- Sign in with your Google account using Firebase Auth
- Add products to your wishlist and view them
## Getting Started
To get started with Ryokucha, either visit the [Live website](https://ryokucha.vercel.app/)
or simply clone the repository and install the dependencies:
```bash
git clone https://github.com/liquid-O2/ryokucha.git
cd ryokucha
npm install
```
Then, start the development server:
```bash
npm run dev
```
Your Ryokucha app will be available at `http://localhost:3000`
## Testing
To run the test suite, simply run:
```bash
npm run test
```
## Built With
- [React](https://reactjs.org/) - A JavaScript library for building user interfaces
- [Next.js](https://nextjs.org/) - A framework for building server-rendered React applications
- [Framer Motion](https://www.framer.com/motion/) - A library for animating React components
- [TypeScript](https://www.typescriptlang.org/) - A typed superset of JavaScript that compiles to plain JavaScript
- [Sanity](https://www.sanity.io/) - A headless CMS for building structured content
- [Firebase Auth](https://firebase.google.com/docs/auth) - A service for authenticating users with Google accounts
- [React-Hook-Forms](https://react-hook-form.com/) - A library for building forms with React Hooks
- [Stripe](https://stripe.com/) - A platform for building e-commerce applications
- [Jest](https://jestjs.io/) - A JavaScript testing framework
- [Tailwind](https://tailwindcss.com/) - A utility-first CSS framework for rapidly building custom designs
- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro) - A testing library for React components
## Contributing
If you'd like to contribute to Ryokucha, please fork the repository and make your changes as a separate branch. Once you've made your changes, open a pull request and we'll review your submission.