Product Name

Singer ChungHa Brocher Site

Link

ChungHa Brocher Site

Tech/framework used

Front-End

React
Typescript
Styled-Component
Framer-Motion

Back-End

NodeJS
MongoDB

Web Scrapping

NodeJS

Product Introduction

With all the album,song lists scrpped from 'Melon' ( www.melon.com ) , you can specically see the intro, explanation of singer Chungha's arts

Product Description

1) MainPage

Displaying All Lists of Albums with Slide Shows

2) Albums Page

displaying All Lists of Albums with Scrolls

You can search albums by it's name

You can apply filters

3) Single Album Page

displaying single Album

you can also see the song list in according album

4) Pictures Page

displaying Lists of pictures randomly

5) Songs Page

displaying songs Lists

You can apply filters

You can apply search funcs

Development setup

download the application

(at the root folder)

npm install

(go to client folder)

cd client
npm i

( at the root folder )

npm run dev

Release History

0.0.1
- Work in progress (React,Typescript,NodeJS,Scrapping)

ohbumjun/ReactNodeJS_ChungHaBrocherSite