Giter Club home page Giter Club logo

astro-observer's Introduction

Astro Observer

This project was created by Paulina Rubio.

Summary

Astro Observer is an astrology app. Select your (or a loved one's) star sign on the home page to be directed to that sign's page. There, you can select what time period you would love to receive an astrological reading from. Choose today, yesterday, or this week - you will see a reading based on that choice. You may favorite a reading and view it in a favorites page by clicking the star displayed below the reading. Navigate to your favorites page via the star icon on the top right of the page. Unfavorite any readings that no longer serve you if you wish.

Technologies Used

Preview of App:

app-preview

Deployed Link Here

Installation Instructions:

  • Fork this repository.
  • Clone it to your local machine using the command: git clone [email protected]:paulina-isabel/astros-observer.git.
  • Run the command: cd astro-observer
  • Run the command: npm install
  • Run the command: npm start

astro-observer's People

Contributors

paulina-isabel avatar ganuza avatar

Watchers

avatar

astro-observer's Issues

Reading Component

This component will display today's reading to the user based on the sign they selected

User story: As a user, I see the reading for my selected sign on the page

Acceptance criteria: The reading is visible

Linter errors 

src/Components/Favorites/Favorites.js
  Line 12:9:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text

src/Components/TodaysReading/TodaysReading.js
  Line 55:6:   React Hook useEffect has missing dependencies: 'sign' and 'validSign'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
  Line 89:13:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images                  jsx-a11y/alt-text

Navbar

Make a persistent navbar for the application

User story: when I navogate to the application, I see a navbar displaying the application's title

Acceptance criteria: the navbar is not ugly and persists on all page views :)

12 Zodiac Signs

Button or selector - use useState to set the selected sign and use that to fetch that sign's reading

User story: As a user, I can select my sign so I can see that sign's reading

Acceptance criteria: The selector properly sets selected sign state

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.