Great Quotes

 
  Click to Visit WebPage  
 

Directory Structure

src
|
|-- components
|   |-- UI
|   |   |-- Card.jsx
|   |   |-- Card.module.css
|   |   |-- LoadingSpinner.jsx
|   |   `-- LoadingSpinner.module.css
|   |
|   |-- comments
|   |   |-- CommentItem.jsx
|   |   |-- CommentItem.module.css
|   |   |-- Comments.jsx
|   |   |-- Comments.module.css
|   |   |-- CommentsList.jsx
|   |   |-- CommentsList.module.css
|   |   |-- NewCommentForm.jsx
|   |   `-- NewCommentForm.module.css
|   |
|   |-- layout
|   |   |-- Layout.jsx
|   |   |-- Layout.module.css
|   |   |-- MainNavigation.jsx
|   |   `-- MainNavigation.module.css
|   |
|   `-- quotes
|       |-- HighlightedQuote.jsx
|       |-- HighlightedQuote.module.css
|       |-- NoQuotesFound.jsx
|       |-- NoQuotesFound.module.css
|       |-- QuoteForm.jsx
|       |-- QuoteForm.module.css
|       |-- QuoteItem.jsx
|       |-- QuoteItem.module.css
|       |-- QuoteList.jsx
|       `-- QuoteList.module.css
|
|-- hooks
|   `-- use-http.js
|
|-- lib
|   `-- api.js
|
|-- pages
|   |-- AllQuotes.jsx
|   |-- NewQuote.jsx
|   |-- NotFound.jsx
|   `-- QuoteDetail.jsx
|    
|-- App.jsx
|-- index.css
`-- index.jsx

Building from Source

• Fetch latest source code from master branch.

rajput-hemant@arch:~$ git clone https://github.com/rajput-hemant/great-quotes

• Run the app with VS Code or the command line:

rajput-hemant@arch:~$ cd great-quotes
rajput-hemant@arch:~/great-quotes$ npm install
rajput-hemant@arch:~/great-quotes$ npm start

Course: Udemy: React - The Complete Guide (incl Hooks, React Router, Redux)

Instructor: Academind by Maximilian Schwarzmüller

Contributors:

Note: It may take up to 24h for the contrib.rocks plugin to update because it's refreshed once a day.