jesnagbg / Horoscope

Daily Horoscope Web Application. First project in React.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Daily Horoscope

Vi har skapat vårt första projekt i React, där användaren kan ange sitt stjärntecken för att läsa sitt dagliga horoskop, samt horoskopet för föregående och nästkommande dag. Vi har använt moderna verktyg och tekniker som React, styled-components och react-router-dom för att skapa en responsiv och användarvänlig webbapplikation.

Vi använder ett API som heter Sameer Kumar Aztro v1 för att hämta horoskopdata baserat på stjärntecken och dag.

Bilderna som används är från Rawpixel.

Ikonerna av alla stjärntecken som används är från Freepik.

Designskiss

Demo

Contributors

Installation

  1. Run npm install to install the necessary dependencies.
  2. Run npm run dev to open the project.

Krav för godkänt

  • Projektet innehåller och använder minst 8 stycken komponenter varav minst 3 stycken är “statefulla"-komponenter.
  • React Router har använts för att dynamiskt uppdatera URL’en.
  • Git & GitHub har använts.
  • Projektmappen innehåller en README.md fil - (läs ovan för mer info).
  • Uppgiften lämnas in i tid!
  • Muntlig presentation är genomförd.

Krav för väl godkänt

  • Alla punkter för godkänt är uppfyllda.
  • Ett “CSS i JS“ lib skall användas för at skriva CSS (ex JSS, Styled-Components, mm).
  • En ”ErrorBoundry”- komponent ska skapas och användas på minst 3 ställen.
  • Data från ett web-API hämtas och visas på sidan.

About

Daily Horoscope Web Application. First project in React.


Languages

Language:TypeScript 98.1%Language:HTML 1.6%Language:CSS 0.3%