Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/femincan/quote-factory

A random quote app created with React and Framer Motion for the first project of the Front End Development Libraries Curriculum of FreeCodeCamp.
https://github.com/femincan/quote-factory

framer-motion react swr typescript vite

Last synced: 2 days ago
JSON representation

A random quote app created with React and Framer Motion for the first project of the Front End Development Libraries Curriculum of FreeCodeCamp.

Host: GitHub
URL: https://github.com/femincan/quote-factory
Owner: femincan
License: mit
Created: 2023-04-26T18:52:19.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-01-20T07:01:44.000Z (10 months ago)
Last Synced: 2024-01-20T08:51:00.071Z (10 months ago)
Topics: framer-motion, react, swr, typescript, vite
Language: TypeScript
Homepage: https://codesandbox.io/p/github/femincan/quote-factory/main
Size: 322 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Quote Factory

[![CodeSandbox](https://img.shields.io/badge/Codesandbox-040404?style=for-the-badge&logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/p/github/femincan/quote-factory/main)

A random quote app created with React and Framer Motion for the first project of the Front End Development Libraries Curriculum of FreeCodeCamp.

![Application Screenshot](https://github.com/femincan/quote-factory/assets/78358128/2b8abf4f-1ea3-4c90-85c0-249813533eeb)

## Table of Contents

- [General Info](#general-info)

- [Technologies](#technologies)

- [How To Use](#how-to-use)

- [License](#license)

## General Info

This is my first project for the Front End Development Libraries Certification on FreeCodeCamp. The app generates a new quote each time when the user clicks the "New Quote" button. And also, the user can share the current quote on Twitter by clicking the button with twitter icon.

## Technologies

- [React ( Vite + TypeScript (SWC) )](https://reactjs.org)

- [Framer Motion](https://www.framer.com/motion)

- [SWR](https://swr.vercel.app)

## How To Use

To clone and run this application, you'll need Git and Node.js and pnpm globally installed on your computer. From your command line:

```bash

# Clone this repository

git clone https://github.com/femincan/quote-factory.git

# Go into the repository

cd quote-factory

# Install dependencies

pnpm install

```

Now, you can run the app:

```bash

pnpm run dev

```

## License

[MIT](./LICENSE)