Project aims to create a horoscope app.
- We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.
001-Horoscope App(folder)
|
|----readme.md # Given to the students (Definition of the project)
SOLUTION
├── public
│ └── index.html
├── src
│ ├── components
│ │ ├── main
│ │ │ ├── Main.js
│ │ │ ├── Card.js
│ │ │ └── Main.scss
│ │ ├── header
│ │ │ ├── Header.scss
│ │ │ └── Header.js
│ │ └── navbar
│ │ ├── Navbar.scss
│ │ └── Navbar.js
│ ├── helper
│ │ └── data.js
│ ├── App.js
│ ├── App.scss
│ └── index.js
│
├── package.json
Build a Horoscope App using ReactJS.
-
HTML
-
CSS-SCSS
-
JS
-
ReactJS
-
improve coding skills within HTML & CSS-SCSS & JS & ReactJS.
-
use git commands (push, pull, commit, add etc.) and Github as Version Control System.
-
Step 1: Create React App using
npx create-react-app horoscope
-
Step 2: Build horoscope app using
data.js
. -
Step 4: Push your application into your own public repo on Github
-
Step 5: Add project gif to your project and README.md file.
- You can add additional functionalities to your app.
☺ Happy Coding ✍