ChickenKyiv / ChickenKyiv/frontend

convert phoenix startup template into react page

Open
#13 0 comments 0 reactions 0 assignees View on GitHub
not finished
Dominant language
No language data
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

# Description/Steps to reproduce

Please check this code repo. https://github.com/atherdon/ph-st
It's a UI Kit, that was created by my friends, and they shared with me a free sample to try.
basic idea is to convert that HTML code into react page.
You should provide your step-by-step plan, where you'll explain
- **how you'll do it**.
- **What do you need from me**
- **What will be a problem and what questions do you have to me, before you'll start.**

for fast start we can use a template from `build` folder
But also check their src structure and tell me - will you be able to setup a local version of development version where we'll be able to alter scss?

prev code located here: https://github.com/atherdon/ph-st
compiled HTML are here: https://github.com/atherdon/ph-st/tree/master/build

checklist
as it's a big task, please tell me your step by step plan.
it'll be cool to go from basic stuff first, like:

- implement header and footer and container -->
- then go to each block -->
- and show me the progress each time when you finish the item

So I can review it, and make some corrections.

in order to be able to see the result online - we must push repository code on https://www.netlify.com/
when you create an account here and try to move this repo - you'll need to get a grant access from me.
Do it - I'll receive a notification and I'll approve it.

# Expected result

# Additional information

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by inspecting the linked ph-st repository, especially its build and src folders, to compare the compiled HTML with the source structure. Define the local development setup needed to edit SCSS, then implement and review the header, footer, container, and remaining blocks incrementally. Done means the React page matches the reference and can be published through Netlify.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, scss
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.