Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/karamanburak/horoscope-page
A simple web page about the horoscope signs and their characteristics
https://github.com/karamanburak/horoscope-page
Last synced: 2 days ago
JSON representation
A simple web page about the horoscope signs and their characteristics
- Host: GitHub
- URL: https://github.com/karamanburak/horoscope-page
- Owner: karamanburak
- Created: 2024-02-23T11:01:47.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-05T23:40:34.000Z (9 months ago)
- Last Synced: 2024-03-06T00:37:53.545Z (9 months ago)
- Language: JavaScript
- Homepage:
- Size: 114 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Horoscope App
## Description
The project aims to create a bushing application. In the project, the horoscopes are displayed and their expected status according to the relevant date is reflected.
## Project Skeleton
```
Horoscope App(folder)
|
|----node-modules
|
├── public
│ └── index.html
├── src
│ ├── components
│ │ ├── card
│ │ │ ├── Card.jsx
│ │ │ └── Card.scss
│ │ ├── main
│ │ │ ├── Main.jsx
│ │ │ └── Main.scss
│ │ └── navbar
│ │ ├── Navbar.jsx
│ │ └── Navbar.scss
│ ├── helper
│ │ └── data.js
| ├── img
| | └── logo.png
| ├── scss
| | ├── _reset.scss
| | └── _variable.scss
│ ├── App.js
│ ├── App.scss
│ └── index.js
│
├── .gitignore
├── package-lock.json
├── package.json
└── README.md
```
## Outcome
## Objective
Build a Horoscope App using ReactJS.
### At the end of the project, following topics are to be covered;
- HTML
- CSS-SCSS
- JS
- ReactJS
## Steps to Solution
- Step 1: Create React App using `npx create-react-app horoscope`
- Step 2: Build horoscope app using [`data.js`](./data.js).