Слияние кода завершено, страница обновится автоматически
Этот проект стал моей первой попыткой освоения React, и уже около месяца я его не поддерживаю. Когда смотрю на старый код, просто не могу на него смотреть. Хотя звёзд на проекте немного, всё равно большое спасибо тем, кто следит за ним! Возможно, в будущем я полностью перезапроектирую этот проект с использованием TypeScript и React Hooks.
Проект находится в процессе постоянного обновления... Этот проект был создан во время обучения React, поэтому некоторые части кода могут требовать дальнейшей оптимизации. Имеются различия между веб-приложениями и мобильными приложениями, поэтому некоторые элементы пользовательского интерфейса могут не быть полностью воспроизведены. После завершения этого проекта я планирую изучить React Native и сделать изменения.
Мой блог иногда публикуется здесь
# Установка
yarn install
# Запуск серверной части
npm run dev:server
# Запуск фронтенда
npm run start
```#### Выполненные задачи
- Отображение списка на главной странице √
- Отображение списка "Больших точек" √
- Отображение списка "Книг" √
- Страница пользователя и других пользователей √
- Ответы службы поддержки √
- Поиск × В разработке
- Поделиться × В разработке
- Отображение меток на главной странице и "Больших точках" √
- Страница детального просмотра статьи √
- Страница детального просмотра "Больших точек" √
- Страница темы √
- Возможность комментирования × В разработке
- Логин / Аутентификация / Выход из аккаунта √
- Регистрация × В разработке
- Подписка на пользователя √
- Лайки от пользователя √
- Приобретение "Книги" × В разработке#### [Частичное демонстрационное видео](<https://github.com/SusieChang/react-app/tree/master/doc/Сеть>)
<table width="100%">
<tr>
<td width="33%" height="100%">
<img src="./doc/Скриншоты/home.gif" alt="Главная страница" />
</td>
<td width="33%" height="100%">
<img src="./doc/Скриншоты/login.gif" alt="Страница входа" />
</td>
<td width="33%" height="100%">
<img src="./doc/Скриншоты/pick.gif" alt="Выбор" />
</td>
</tr>
<tr>
<td width="33%" height="100%">
<img src="./doc/Скриншоты/message.gif" alt="Сообщение" />
</td>
<td width="33%" height="100%">
<img src="./doc/Скриншоты/post.gif" alt="Публикация" />
</td>
<td width="33%" height="100%">
<img src="./doc/Скриншоты/postdata.gif" alt="Данные публикации" />
</td>
</tr>
<tr>
<td width="33%" height="100%">
<img src="./doc/Скриншоты/explore.gif" alt="Обзор" />
</td>
<td width="33%" height="100%">
<img src="./doc/Скриншоты/follow.gif" alt="Подписка" />
</td>
</tr>
</table>---
Некоторые части backend-интерфейсов были основаны на [этой работе](https://github.com/Kim09AI/react-juejin/blob/master/server/config/index.js)
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )