세상을 구하고 사랑하는 "Volunteer Up Community"🌏🙌

내 제출물 개요



매일 밖에 나가면 나와 같은 젊은이들의 관심을 원하는 여러 개인과 환경적 상황을 목격한다. 이 독특한 기회에 비추어 저는 개인이 더 나은 세상을 만들기 위해 자신의 시간을 자원할 수 있는 "Volunteer Up Community"플랫폼을 개발하기로 결정했습니다.

POV: Since this is a free open source project that anybody may access from anywhere and contribute to, getting around such constraint is the major objective.



그러나이 플랫폼은 자원 봉사자 중 한 명이 다른 자원 봉사자들을 모으기 위해 조직한 자원 봉사 행사를 강조합니다. 이벤트 장소 및 기타 세부 사항은 개별적으로 나열됩니다. 정확한 정보를 제공하는 것이 항상 중요하기 때문에 자원봉사자는 이벤트를 생성하기 위해 시스템에 등록하고 로그인해야 합니다. 그럼에도 불구하고 시스템에는 다음과 같은 기능이 있습니다.
  • 게시된 모든 이벤트 보기
  • 게시된 이벤트 검색
  • 등록, 로그인 및 로그아웃
  • 자원봉사자가 게시 및 초안을 작성한 이벤트 검색
  • 새 이벤트 만들기(게시 또는 초안으로 저장)
  • 이벤트 삭제

  • 시스템의 최종 구현 쇼케이스.

    홈페이지



    모든 이벤트 페이지



    로그인 페이지



    가입 페이지



    프로필 페이지



    새 이벤트 페이지 만들기



    이벤트 페이지 업데이트 및 삭제



    제출 카테고리:



    MEAN/MERN 매버릭스

    내 프로젝트의 비디오 설명자





    사용 언어:



    JS/TS/Node.js

    코드 링크




    둘야아 / 자원봉사 커뮤니티


    Dev x Redis 해커톤





    세상을 지키는 "Volunteer Up Community" 🌏🙌


    이 플랫폼은 자원봉사자 중 한 명이 다른 자원봉사자들을 모으기 위해 조직한 자원봉사 행사를 강조합니다. 이벤트 장소 및 기타 세부 사항은 개별적으로 나열됩니다. 정확한 정보를 제공하는 것이 항상 중요하기 때문에 자원봉사자는 이벤트를 생성하기 위해 시스템에 등록하고 로그인해야 합니다. 그럼에도 불구하고 시스템에는 다음과 같은 기능이 있습니다.
  • 게시된 모든 이벤트 보기
  • 게시된 이벤트 검색
  • 등록, 로그인 및 로그아웃
  • 자원봉사자가 게시 및 초안을 작성한 이벤트 검색
  • 새 이벤트 만들기(게시 또는 초안으로 저장)
  • 이벤트 삭제

  • 시스템의 최종 구현 쇼케이스.
    홈페이지


    모든 이벤트 페이지


    로그인 페이지


    가입 페이지


    프로필 페이지


    새 이벤트 페이지 만들기


    이벤트 페이지 업데이트 및 삭제


    Mern 아키텍처



    높은 수준의 아키텍처



    개요 비디오


    다음은 프로젝트와 프로젝트에서 Redis를 사용하는 방법을 설명하는 짧은 비디오입니다.

    작동 원리



    View on GitHub

    추가 리소스/정보



    기술 스택:


  • 프런트엔드 - React.js + Boostrap
  • 백엔드 - Node.js + Express.js + Redis-OM
  • 데이터베이스 - Redis 클라우드
  • 배포 - Heroku

  • 작동 방식:







    코드 조각:



    데이터 저장

            // Create user account
            const createUser = await redisClient.execute([
                'HSET',
                `user:${email}`,
                'id',
                `${userId}`,
                'firstName',
                `${firstName}`,
                'lastName',
                `${lastName}`,
                'email',
                `${email}`,
                'password',
                `${hashedPassword}`,
                'displayName',
                `${displayName}`,
            ]);
    


    데이터 액세스

            const { email, password } = req.body;
    
            // Get the user details from Redis
            const user = await redisClient.hgetall(`user:${email}`);
    


    참조:


  • Redis Official Documentation for Stack Node - Get Started

  • 협력자



    내 자신 ( )


    이 프로젝트 작업이 도움이 되고 자원봉사자들에게 자원봉사 기회를 제공하기를 바랍니다. 지구를 사랑하고 구하는 것.

    💚 님이 만든


  • Redis를 다중 모델 데이터베이스로 사용하기 위한 클라이언트 라이브러리인 Redis OM을 확인하십시오.
  • RedisInsight을 사용하여 Redis에서 데이터를 시각화합니다.
  • free Redis database에 가입하세요 .
  • 좋은 웹페이지 즐겨찾기