React - Personalworks

Project Name - HOUSE JC

The purpose of the establishment of house jc is to learn about the culture of a Japan city through architecture, so we named a house jc . On this website, you can view the recent activities and news of Japanese architecture.

Demo

Link:HOUSE JC

user:user123@gmail.com

password:user123

Technologies

Front-End Basic

• HTML
• CSS
• JavaScript(ES6)

Layout

• RWD
• Flexbox

Front-End Frameworks

• React
• React Router
• SCSS
• Styled Component

Firebase Services

• Authentication
• Cloud Firebase
• Storage

Tool for Develoment

• NPM

Other

• Version Control : Git / GitHub
• WebStorage

Structure

Website

Layout

• Homepage / News / Events / Boards

• Login / Signup / Navigation

Login / Signup

• Firebase - registration and login
• Error message display
• Block duplicate registration
• User revise
• Google Login

Memeber

• purchase order
• Multiple orders

Boards

• Members can leave a message
• Appear on the boards in time

What I want to do in the future

• organize a badminton activity