Skip to content

Roshanell/react-quote-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Quote Generator

This React application generates random quotes to inspire and motivate users. With just a click of a button, users can discover new insights and wisdom from various sources.

site image

Features:

  • Random Quote Generation: Get a new quote with each click, sourced from a curated collection of inspirational quotes.
  • Share Functionality: Share your favorite quotes instantly with friends and family via social media platforms.
  • Simple and Intuitive UI: Enjoy a clean and user-friendly interface designed for seamless navigation and interaction.

Technologies Used:

  • React.js

Demo:

https://reactjs-quote-gen.netlify.app/ - Quote Generator

Lessons Learned:

  • React Fundamentals: Strengthened understanding of React fundamentals such as components, state management, and event handling.
  • API Integration: Learned how to fetch data from an API and integrate it seamlessly into a React application.
  • UI/UX Design: Explored principles of user interface and user experience design to create an intuitive and visually appealing interface.
  • Code Organization: Practiced structuring React components and organizing project files for maintainability and scalability.

Getting Started:

  1. Clone this repository to your local machine.
  2. Install dependencies using npm install.
  3. Start the development server with npm start.
  4. Access the application in your browser at http://localhost:3000.

About

Quote Generator created with React.js. This project helped me practice API fetching with React.js Challenge Provided by Free Code Camp

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors