*The site is now closed, but this assignment was originally posted at https://legacy.devchallenges.io/solutions/CoYDLZwFt5LqHxsD6xe7.
（My assignment submission page at the time: https://legacy.devchallenges.io/challenges/8Y3J4ucAMQpSnYTwwWW8.）
random quote
author quote list
random quote will display the quote data randomly.
author quote list displays a list of citation data for the specified author. It is an infinite scrolling list with 5 quotes at a time.
It also supports the display of skeleton screens and error alerts, albeit in a simplified way.
Base
- Node.js：22.13.1
- TypeScript：5.7.3
- React：19.0.0
- Next.js：15.1.7
Other major libraries
API
This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.
- User story: I can see a random quote
- User story: I generate a new random quote
- User story: When I select quote author, I can see a list of quotes from them
- User story: I can see quote genre under the author
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
git clone git@github.com:h-yoshikawa44/random-quote-generator.git
or
git clone https://github.com/h-yoshikawa44/random-quote-generator.git
# Install dependencies
npm install
# Run the app
npm run dev- How to implement a skeleton screen
- How to use Grid layout to prevent the footer from coming up when there is little content.
- Website: h-yoshikawa44.com
- GitHub: @h-yoshikawa44
- X: @yoshi44_lion