Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lil-bee/quote-generator
random quote generator using React + TS + Chakra UI + React Query | Solution for a challenge from Devchallenges.io.
https://github.com/lil-bee/quote-generator
chakra-ui react-query react-router typescript
Last synced: about 1 month ago
JSON representation
random quote generator using React + TS + Chakra UI + React Query | Solution for a challenge from Devchallenges.io.
- Host: GitHub
- URL: https://github.com/lil-bee/quote-generator
- Owner: lil-bee
- Created: 2023-12-12T16:21:02.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-22T00:14:32.000Z (about 1 year ago)
- Last Synced: 2023-12-22T19:31:26.936Z (about 1 year ago)
- Topics: chakra-ui, react-query, react-router, typescript
- Language: TypeScript
- Homepage: https://quotes-generator-lilbee.netlify.app/
- Size: 207 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Quote Generator
## Table of Contents
- [Overview](#overview)
- [Built With](#built-with)
- [Features](#features)
- [How to use](#how-to-use)
- [Acknowledgements](#acknowledgements)
## Overview
Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering:
- What was your experience?
- learn a lot about react query with typescript
- config component style with theme
- What have you learned/improved?
- learn a lot about react query with typescript
- config component style with theme
- Your wisdom? :)
- be careful with type in params
- write something new you've learned
### Built With
- [React](https://react.dev/)
- [Chakra UI](https://chakra-ui.com/)
- [React Query](https://tanstack.com/query/latest/docs/react/overview)
## Features
This application/site was created as a submission to a [DevChallenges](https://legacy.devchallenges.io/) challenge. The [challenge](https://legacy.devchallenges.io/challenges/8Y3J4ucAMQpSnYTwwWW8) was to build an application to complete the given user stories.
## How To Use
To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# Clone this repository
$ git clone https://github.com/your-user-name/your-project-name
# Install dependencies
$ npm install
# Run the app
$ npm run dev
```
## Acknowledgements
- [React Query with Typescript](https://tanstack.com/query/latest/docs/react/typescript)
- [Theming component](https://chakra-ui.com/docs/components/divider/theming)