https://github.com/kemi-oluwadahunsi/quotes-quest-fullstack

A motivational quote generator website using reactjs and tailwind css. Used Rest API to fetch Motivational quotes randomly, cuustomized, or based on user search input. Features include retrieving quotes based on keywords or authors, creating custom designs on shirts, with the options of either download directly or share on social media.
https://github.com/kemi-oluwadahunsi/quotes-quest-fullstack

css expressjs javascript nodejs react-router-dom reactjs rest-api tailwind-css

Last synced: 11 days ago
JSON representation

A motivational quote generator website using reactjs and tailwind css. Used Rest API to fetch Motivational quotes randomly, cuustomized, or based on user search input. Features include retrieving quotes based on keywords or authors, creating custom designs on shirts, with the options of either download directly or share on social media.

• Host: GitHub
• URL: https://github.com/kemi-oluwadahunsi/quotes-quest-fullstack
• Owner: Kemi-Oluwadahunsi
• Created: 2023-12-26T18:13:17.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-07-01T03:08:36.000Z (5 months ago)
• Last Synced: 2024-07-05T15:02:50.773Z (5 months ago)
• Topics: css, expressjs, javascript, nodejs, react-router-dom, reactjs, rest-api, tailwind-css
• Language: JavaScript
• Homepage: https://quotes-quest.vercel.app/
• Size: 68.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Motiva

Motiva is a website designed to inspire and motivate users through a collection of quotes, and you can make branded T-shirts from the quotes. It's aimed at providing daily doses of encouragement and positivity.

Features

Random Quotes: Displaying motivational quotes to inspire users

T-shirt Design: You can use the generated quotes to make branded T-shirts and download your designs to your local machines

Personalized Dashboard: Users can create accounts to save favorite quotes, customize preferences, and receive tailored motivational content.

Technologies Used

Frontend: HTML, CSS, JavaScript, React.js

Backend: Node.js, Express.js

Authentication: Firebase

APIs: integration with a third-party quotes API for fetching quotes.

Setup Instructions

Clone the repository: git clone https://github.com/yourusername/motiva.git

Navigate to the project directory: cd motiva

Install dependencies: npm install

Install Express.js server to create headers for CORS policy

Start the server: npm run dev

Access the application  in your browser.

Contributing

We welcome contributions! If you'd like to contribute to this project, please follow these steps:

Fork the repository.

Create a new branch. git checkout -b feature/your-feature

Make your changes and commit them. git commit -m 'Add feature XYZ'

Push to the branch: git push origin feature/your-feature

Submit a pull request.