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: about 1 month 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 (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-20T07:01:44.000Z (about 1 year ago)
• Last Synced: 2024-11-15T21:16:15.111Z (3 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: 2
• 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)