Skip to content

sgrazys/advice-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MIT License LinkedIn


Frontend Mentor | Advice generator app solution

This is a solution to the Advice generator app challenge on Frontend Mentor Frontend Mentor challenges help me improve your my coding skills by building realistic projects.
Explore the docs »

DEMO

Table of Contents
  1. Overview
  2. Getting Started
  3. License
  4. Contact

Overview

(back to top)

Challenge

  • View the optimal layout for the app depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Generate a new piece of advice by clicking the dice icon

(back to top)

Solution screenshot

Advice Generator

Links

Built With

React.js HTML CSS3

  • Semantic HTML5 markup
  • Flexbox
  • Mobile-first workflow

What I learned

I want to get familiar with React Hooks useState() and useEffect() in this project. That was my first time fetching data from the server using axios.

(back to top)

Getting Started


Prerequisites

Node.js - download and install

https://nodejs.org

Git - download and install

https://git-scm.com

This is an example of how to list things you need to use the software and how to install them.

  • npm

    npm install npm@latest -g

Launch locally

Would like to run this project locally? Open terminal and follow these steps:

  1. Clone the repo
    git clone https://github.com/sgrazys/advice-generator.git
  2. Install NPM packages
    npm i
    
    or
    npm install
    
  3. Run the development server
    npm run start
    

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Saulius Grazys

Gmail LinkedIn

Project Link: https://sauliusgrazys-advice-generator.netlify.app/

(back to top)