MERN Task Manager

Todolist 앱

이는 사용자가 좋아하는 작업에 추가 할 수있는 작업 관리자 앱입니다. 이 제품은 Mern Stack (Mongodb, Express, React 및 Node.js)을 기반으로하며 JWT 및 BCrypt를 사용하여 허가 및 인증 기능이 있습니다.

-업데이트 된 V-2.0--

1. FireBase를 사용하여 Google Authentication (OAUTH) 기능이 추가되었습니다.
2. 생성, 목록, 로그인/가입 페이지에서 Changed UI .
3. Added User Profile Page (사용자 프로필 이미지, 사용자 이름, 이메일 ID 및 UID가 있습니다).
4. User Delete Account .
5. GENAI Page를 추가하면 Gemini를 기반으로 한 AI 에 문제, 아이디어, 솔루션 등을 요청할 수있는 AI feature 입니다.
6. 작업과 함께 메모를 작성할 수있는 Create Page의 NOTES 옵션 필드 추가.
7. Todo-Task에서 STATUS (pending, in-working, completed) 옵션이 추가되었습니다.
8. 로그인/가입 비밀번호 필드에 Show/Hide 암호 기능이 추가되었습니다.
9. 다크 모드에서 홈페이지를 Updated .
10. 집에 Add GenAI button 페이지를 만듭니다.
11. Added Update User Profile feature (사용자 프로필 이미지, 사용자 이름, 이메일 및 비밀번호 업데이트).

12. Continue......

특징

• 사용자는 이메일과 비밀번호로 가입하고 로그인 할 수 있습니다.
• 사용자는 제목으로 작업을 만들 수 있습니다.
• 사용자는 목록에서 자신의 작업을 볼 수 있습니다.
• 사용자는 작업을 편집하거나 삭제할 수 있습니다.
• 사용자는 작업을 완료하거나 불완전한 것으로 표시 할 수 있습니다.
• 사용자는 계정에서 로그 아웃 할 수 있습니다.
• 다크 모드, 좋아하는 기능에 추가하십시오.

프로젝트 미리보기 링크

todolist_project_link

설치

이 앱을 로컬로 실행하려면 컴퓨터에 Node.js, NPM 및 MongoDB가 설치되어 있어야합니다. 그런 다음 다음 단계를 따르십시오.

• 이 저장소를 로컬 컴퓨터로 복제하십시오.

• 프로젝트 폴더로 이동하여 npm install 실행하여 종속성을 설치하십시오.

• 루트 폴더에서 .env 파일을 만들고 다음 변수를 추가하십시오.

  • PORT : 서버의 포트 번호 (기본값은 5000).
  • MONGO_URI : MongoDB 데이터베이스의 연결 문자열.
  • JWT_SECRET : JWT 토큰 생성을위한 비밀 키.

• npm run dev 실행하여 서버를 시작하고 npm run start .

• 브라우저를 열고 http://localhost:3000 으로 이동하여 앱이 작동하는 것을보십시오.