🐐 Wise Goat

Website generator of goats images and advices

Table of Contents

• About
• Features
• Technologies
• Get Started
• Contributing
• Authors
• License

About

This project is a front-end challenge from DevChallenge.

It is a very simple website where people can see advices by goats. You can see it alive here.

Features

• Get random advices from random goats:
  • Dynamic advices
  • Dynamic goat names
  • Dynamic goat pictures
• Responsive design
• Server-Side Rendering with Next.js
• Single Page Application Navigation

Technologies

• Node.js
• React.js
• Next.js
• styled-components

Get started

Make sure you have git, node.js and npm or yarn installed in your machine before start.

1. Clone this repo

git clone https://github.com/lucas-lm/wisegoat.git
cd wisegoat

2. Install the dependencies

With yarn:

yarn

With npm:

npm install

3. Start the development server

With yarn:

yarn dev

With npm:

npm run dev

4. Open the browser and start coding 🎉

You are ready to go now! Just open any browser of your preference on http://localhost:3000 and start editing the code.

Any saved change on the code will automatically restart the server and refresh the browser.

Contributing

All contributions are welcome:

• ⭐️ Star the project
• 🐛 Find and report issues
• 📥 Submit PRs to help solve issues or add features

Authors

• Code: Lucas Miranda
• Idea & Design: Lorena Montes

License

This project is under the MIT license. See the LICENSE for more information.