Skip to content

gracekishino/inspirational-homepage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Inspirational Homepage

Inspirational Homepage is a web app that displays inspirational quotes, images and a space to manage your goals.

This project was created using Create React App with Redux.

Features

  • Shows an inspirational quote
  • Displays the current weather
  • Shows an inspirational image
  • Users can cycle through multiple fetched images
  • Users can enter their goals
  • Users can remove goals
  • Users can mark goals as complete

Technologies Used

  • HTML
  • CSS
  • JavaScript, including requests to APIs
  • React
  • Redux
  • Git and GitHub
  • Deployment with Netlify

Future Work

TBD

Installation

Use npm to install.

From the command line, navigate to the project directory and run:

npm install

Then install and setup Netlify CLI https://docs.netlify.com/cli/get-started/

Usage

To run the app in development mode, from the command line navigate to the project directory and run:

netlify dev

Open http://localhost:8888 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Tests

npm test

Launches the test runner in interactive watch mode.
See the section about running tests for more information.

Build

npm run build

Builds the app for production to the build folder.