Code Monkey home page Code Monkey logo

web's Introduction

Floorp Website

Good to know

A bit about shadcn

This is a library where you basically "copy" the components to your project and have full control over them. This is a great way to have a consistent design across the project and also to have a good starting point for the components.

On contrary to using a library like Material UI, where you have to use their components and styles, with shadcn you can change the components as you wish.

A bit about the i18n implementation

You can find the i18n resources and utilities in the i18n folder. The dictionaries folder contains the translations for the website. The i18n.config.ts file contains the configuration for locales and default locale.

If you want to add a new language or improve other translation read about its usage in ./docs/translation-getting-started.md.

Getting Started

First install the dependencies:

npm install

Running the development server

npm run dev

Open http://localhost:3000 with your browser to see the result.

web's People

Contributors

code-raisan avatar creeper-0910 avatar cutterknife avatar itta611 avatar joshika39 avatar regularentropy avatar surapunoyousei avatar thechilledbuffalo avatar tukiminya avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

web's Issues

Landing page enhancements

There are some left out parts from the legacy site to reduce complexity, but now, it is ready to be added back.

  • Add "Create Your borwser part"

These are some little and easy upgrades the make the website more:

  • Show how many stars do Floorp have on GitHub
  • Add a link to the documentation
  • A page on how can people support Floorp

Feature Parallax enhancements

The parallax is currently disabled because of the responsiveness bugs and the lack of images.

Road to success

  • There is an ongoing multi language database implementation of mine. When that will be finished we could fetch and populate the parallax images from there.
  • For the image store we'll need an storage bucket service for the most dynamic functionality (a selfhosted minio for example)

ウェブサイトをメンテナンス可能にする計画

現在の欠点

Pages routerはシンプルなアプリ向け:

 - このアプリケーションでは、サーバーサイドのコンポーネントの方がはるかに理にかなっている
 - https://medium.com/@jawaragordon/choose-your-own-adventure-next-js-app-vs-pages-router-528dbf25b37f
 - https://dev.to/dcs_ink/nextjs-app-router-vs-pages-router-3p57

JS vs TS:

  • TSは単純なタイプミスを避けるのに役立つ

PS: これは少し大きいが、難しいステップではない
私がステップを通じて指導するミーティングをアレンジすることもできる。
リファクタリングを始めるのが早ければ早いほど、それは容易になる

ステップの概要

Roadmap:

  • Refactor the base structure
  • Add Typescript support
  • Add i18n
  • Add dark theme
  • Add article components
  • Create the base download page
  • Remove the white line under the fade (maybe put fade over the whole card)
  • Responsivity
    • Add padding to the side on the mobile view
    • padding for the articles and heading
  • put copyright in line with floorp logo
  • center social sites
  • Create theme changing component for images
  • Connect back the i18n usage

「ちょっと見てみる」の実装

モーダルのイメージ↓
image

右半分を伝えたい部分のスクショにして、左半分を伝えたいことの文をやるという感じがよさそうと思ったりした。

データ追加・バグ報告

  • 「ちょっと見てみる」ボタンがChrome環境で正しく動作しない
  • ダウンロードページの上部にプライバシーポリシーへの同意を求める文章を追加
    (チェックボックス等は不要)

毎日忙しいのにIssueごめん...対応お願いします.....!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.