Derlys / dad-jokes

This is a simple project because the main goal is to implement the API usage.

Home Page:https://dad-jokes-mauve.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

App Dad-Jokes API

This is a simple project because the main goal is to implement the API usage.

I did not focus on styles or other functionalities.

Demo

Image description

Image description

πŸš€ Dad Jokes

πŸ€“ Features

  • Logo
  • Tittle
  • Container to store the API call
  • Button using the service method

πŸ‘©πŸ½β€πŸ’» Built with

  • Angular CLI: 16.1.6
  • Node: 20.10.0 (Unsupported)
  • Package Manager: yarn 1.22.17
  • Tailwind
  • WebStorm editor

Develoment

I made the web app as simple as possible, creating a service that serves the function of calling the API.

I didn't focus on styles or other functionalities.

Image description

πŸ’ͺ🏽 What impacted me positively

  • It's amazing how services help you delegate the logic contained in each component.

  • I discovered that you can learn a concept in a clear way without making a complex web app.

    My challenge

  • There are many ways to use an API, one of the challenges was to choose between them.

I continue to learn about other ways to use it.

What Do you need for run this project

  1. Install dependencies. You will only have to do this once.
npm install

πŸ˜‰ I prefer yarn, here is an article for you to decide.

  1. ng serve for localhost

Build

  • Run ng build to build the project.
  • The build artifacts will be stored in the / directory.
  • Use the --prod flag for a production build.
  • Remember that I used this API
  • For deployment to user to used "VERCEL"

About

This is a simple project because the main goal is to implement the API usage.

https://dad-jokes-mauve.vercel.app


Languages

Language:TypeScript 74.1%Language:HTML 18.8%Language:JavaScript 3.8%Language:CSS 3.3%