Skip to content

Rizingcamp_plus에서 진행한 원티드 홈페이지 클론코딩

Notifications You must be signed in to change notification settings

jodandan/Rizingcamp_plus

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

90 Commits
 
 
 
 

Repository files navigation

Rizingcamp_plus

Rizingcamp_plus에서 진행한 원티드 홈페이지 클론코딩입니다.

프로젝트 소개

기간이 5일밖에 주어지지 않았기때문에, 최대한 유저입장에서 사용할 수 있는 기능들로 만들었습니다.

개발 환경 및 사용 기술

프론트 엔드 : React, Styled-Component

협업 툴 : Discord, Figma , Notion

개발 기간 : 2023/08/28~ 2023/09/02


페이지 별 기능

목차

로그인화면

로그인&회원가입 페이지

아이디, 비밀번호를 입력해 로그인을 하고,
아이디, 비밀번호, 휴대전화번호을 입력 받아 회원가입을 진행합니다.
밖에 회색공간을 누르면 이전으로 돌아가게끔 구현해보았습니다.

image image


메인화면

📍홈 화면

원티드 홈페이지의 메인 화면을 최대한 따라하되, 핵심 기능인 지원하기 기능을 구현했습니다.
header, Foorter, Autoslide 기능이 구현되어있습니다.
image


회사 정보 조회 페이지

현재 채용을 진행중인 회사들을 조회할 수 있는 페이지 입니다.
image image


회사 상세정보 페이지

여러 회사 중 하나의 회사정보를 누르게 되면 나타나는 정보들입니다.
해당 회사에 지원할 수 있게끔 구현했습니다.
image image image


지원 페이지

회사 상세정보 페이지에서 지원 버튼을 누르면 다음과 같이 지원템플릿이 활성화 됩니다.
이름,전화번호 정보를 적고 파일을 업로드하게되면 지원 버튼이 활성화가 됩니다.

image image


마이페이지화면

지원현황페이지

회사 지원 페이지를 통하여 지원한 회사의 정보,시간 등을 표기하여 마이페이지를 구현하였습니다.
image image


관리자화면

관리자 메인 페이지

관리자의 로그인 기능도 필요한 부분이기때문에 관리자 메인페이지도 따로 제작하였습니다.
image


관리자 로그인 페이지

회사이름, 사업자번호,회사규모,나라 등의 정보를 받아 회원가입을 진행할 수 있게끔 구현하였습니다.

image


👇 Notion 링크

https://www.notion.so/softsquared/D-06d56169a27748c09cc76a2a4088bed7

About

Rizingcamp_plus에서 진행한 원티드 홈페이지 클론코딩

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 62.2%
  • CSS 37.0%
  • HTML 0.8%