Bitcoin Forum
July 27, 2024, 12:13:26 PM *
News: Help 1Dq create 15th anniversary forum artwork.
 
   Home   Help Search Login Register More  
Pages: [1]
  Print  
Author Topic: React/HTML/CSS/JS  (Read 53 times)
aliveNFT (OP)
Full Member
***
Offline Offline

Activity: 324
Merit: 154


aliveNFT.github.io | Track your love.


View Profile
June 05, 2024, 02:04:59 PM
Last edit: June 05, 2024, 02:27:29 PM by aliveNFT
 #1

Этот топик создан в целях самообучения, буду рад если будете помогать решениями по запросу.

Где-то пару недель назад я плотно начал изучать CSS/HTML/React, это стало для меня основным хобби.
Конечно же как новичку, некоторые моменты даются мне с трудом и я по большей части сижу на различных форумах или обращаюсь к ИИ за помощью в решении, буду благодарен если накидаете советов, книг или же полезной информации с которой стоит начать продвижение.
Мой первый проект уже запущен, я буду дорабатывать его до совершенства, как и техническую так и визуальную часть, это простенький вебсайт на React с отоброжением цены и графика по BTC который обновляется в реальном времени.
Можно посмотреть по ссылке: https://alivenft.github.io

Вот библиотеки которые я использовал при создании страницы, некоторые из них я не использую, надо разобратся и удалить по одному.
Code:
    "@fontsource/montserrat": "^5.0.18",
    "@fontsource/roboto": "^5.0.13",
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^1.7.2",
    "bootstrap": "^5.3.3",
    "chart.js": "^4.4.3",
    "chartjs-adapter-date-fns": "^3.0.0",
    "chartjs-plugin-streaming": "^2.0.0",
    "react": "^18.3.1",
    "react-chartjs-2": "^5.2.0",
    "react-dom": "^18.3.1",
    "react-icons": "^5.2.1",
    "react-router-dom": "^6.23.1",
    "react-scripts": "5.0.1",
    "styled-components": "^6.1.11",
    "web-vitals": "^2.1.4"

Для отображения цены я использовал следующий api:

Code:
const response = await axios.get('https://api.coincap.io/v2/assets/bitcoin');

witcher_sense
Legendary
*
Offline Offline

Activity: 2408
Merit: 4391


🔐BitcoinMessage.Tools🔑


View Profile WWW
June 05, 2024, 06:14:29 PM
 #2

Почему решили заниматься фронтендом? По-моему сейчас в этой сфере все сводится к собиранию "конструктора Lego" на одном из попсовых фреймворков (а React, наверное, самый попсовый из них), все делается по одному и тому же шаблону и использование ИИ только усугубляет эту шаблонность. Или я не прав и пространство для интересных идей все еще остается?

█▀▀▀











█▄▄▄
▀▀▀▀▀▀▀▀▀▀▀
e
▄▄▄▄▄▄▄▄▄▄▄
█████████████
████████████▄███
██▐███████▄█████▀
█████████▄████▀
███▐████▄███▀
████▐██████▀
█████▀█████
███████████▄
████████████▄
██▄█████▀█████▄
▄█████████▀█████▀
███████████▀██▀
████▀█████████
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
c.h.
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▀▀▀█











▄▄▄█
▄██████▄▄▄
█████████████▄▄
███████████████
███████████████
███████████████
███████████████
███░░█████████
███▌▐█████████
█████████████
███████████▀
██████████▀
████████▀
▀██▀▀
aliveNFT (OP)
Full Member
***
Offline Offline

Activity: 324
Merit: 154


aliveNFT.github.io | Track your love.


View Profile
June 05, 2024, 06:24:09 PM
Last edit: June 06, 2024, 04:49:30 AM by aliveNFT
 #3

Почему решили заниматься фронтендом? По-моему сейчас в этой сфере все сводится к собиранию "конструктора Lego" на одном из попсовых фреймворков (а React, наверное, самый попсовый из них), все делается по одному и тому же шаблону и использование ИИ только усугубляет эту шаблонность. Или я не прав и пространство для интересных идей все еще остается?
Ну как я уже и сказал, необходимо изучить фронт-энд, что бы перейти нормально к бэку и стать полноценным фулл-стак разработчиком..
Сейчас я еще учусь, поэтому азы и самые "попсовые" фреймворки еще слишком сложны для меня, если ты имеешь ввиду Фигма.. то там 90% HTML/CSS 10% js, что по-сути делает лендинг страницу с анимациями, модалами, но без функционала. Сидеть и тупо дизайнить лендинг-портфолио не по мне.


UPD:

Изменил цветовую схему на более приятную, добавил криптовалют, перетащил кнопки для изменения временных отрезков внутрь чарта, сделал всё отзывчивым для всех устройств.
Анимцию и цвет при изменении цены для LivePrice бокса, так-же добавил lazy-spinner для прогрузки чартов.

Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!