https://github.com/furkan-dogu/horoscope-solution

This project includes a web application that provides information about horoscopes.
https://github.com/furkan-dogu/horoscope-solution

javascript mock-data react responsive sass yarn

Last synced: about 6 hours ago
JSON representation

This project includes a web application that provides information about horoscopes.

• Host: GitHub
• URL: https://github.com/furkan-dogu/horoscope-solution
• Owner: furkan-dogu
• Created: 2023-12-03T11:21:31.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-01-06T19:31:00.000Z (11 months ago)
• Last Synced: 2024-01-06T20:41:44.314Z (11 months ago)
• Topics: javascript, mock-data, react, responsive, sass, yarn
• Language: JavaScript
• Homepage: https://horoscope-solution.vercel.app
• Size: 13.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Horoscope Solution



  



## About the Project

This project includes a web application that provides information about horoscopes. 

## Table of Contents

- [How to Use](#how-to-use)

- [Features](#features)

- [Technologies](#technologies)

- [Project Skeleton](#project-skeleton)

- [Screenshots](#screenshots)

## Live Demo

[Horoscope Solution Demo](https://horoscope-solution.vercel.app/)

## How to Use

1. On the main page, select your birthdate and find your horoscope sign.

2. View personalized horoscope information for the selected sign.

## Features

- Determining the horoscope sign based on the birthdate.

- User-friendly interface.

## Technologies

The following technologies are used in this project:

- React.js

- Sass

## Project Skeleton

```

Horoscope Solution(folder)

|

|----readme.md       

SOLUTION

├── public

│     └── index.html

├── src

│    ├── components

│    │       ├── main

│    │       │     ├── Main.jsx

│    │       │     ├── Card.jsx

│    │       │     └── Main.scss

│    │       ├── header

│    │       │     ├── Header.scss

│    │       │     └── Header.jsx

│    │       └── navbar

│    │             ├── Navbar.scss

│    │             └── Navbar.jsx

│    ├── helper

│    │       └── data.js

│    ├── App.jsx

│    ├── App.scss

│    └── index.jsx

│

├── package.json

└── yarn.lock

```

## Screenshots



  

  

  



## Compatibility

The project is compatible with both wide-screen computers and mobile devices.