https://github.com/abhishekrawe/athena-assignment

Making a UI look like kula.ai , react assignment
https://github.com/abhishekrawe/athena-assignment

css react reactjs scss

Last synced: 1 day ago
JSON representation

Making a UI look like kula.ai , react assignment

• Host: GitHub
• URL: https://github.com/abhishekrawe/athena-assignment
• Owner: abhishekrawe
• Created: 2023-01-21T11:07:42.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-22T19:27:09.000Z (about 2 years ago)
• Last Synced: 2023-08-27T15:42:38.765Z (over 1 year ago)
• Topics: css, react, reactjs, scss
• Language: JavaScript
• Homepage: https://athena-assignment.vercel.app
• Size: 19.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# ❄️Athena Square Assignment

📌depolyed link  [here](https://athena-assignment.vercel.app/).

## 🃏Glimse of Project

### `web view without api`  

![readme](https://user-images.githubusercontent.com/65603830/213916344-2dec2da7-7b8b-4fe8-ac9b-22f2dbd860de.gif)

### `web view with API`

![web-wid-api_AdobeExpress](https://user-images.githubusercontent.com/65603830/213916727-f0be96be-890a-4f16-84ea-4a1137fb9d78.gif)

### `mobile view`

![mobile_view_AdobeExpress](https://user-images.githubusercontent.com/65603830/213916886-5f06d1ca-ce01-48fa-8221-88518ff45891.gif)

# 🐸Problem Statement and my approach (अप्रोच्‌)🐸

1. Making a UI look like [kula.ai](kula.ai)

2. Navbar - Make a Diffrent File `menuitem.js` take all the data for navbar from there .

3. Header - Simple heading and discription .

4. Landing Page with API [TextAPI](https://mocki.io/v1/ee762599-31ae-4a3d-a6c7-d596525945e1) 

   - Left section -  where three section heading subheading and description fetch from TextAPI .

   - Right section - Provided a three video link which will change after scroll but on same sticky position .

5. Mobile view - Right section and Left section both show but on alternate way .