Giter VIP home page Giter VIP logo

events's Introduction

Events

project-image

Events is a social networking website where users can engage in activities by creating and joining events. Within these events users can participate in group chats and follow others to receive real-time updates. Additionally users can share their life experiences by uploading photos.

๐Ÿš€ Demo

https://eventsharbor.club

๐Ÿง Features

Here're some of the project's best features:

  • Users can log in register and log out.
  • Create modify cancel and reactivate activities they've created.
  • Join activities created by others.
  • Engage in real-time chat within activities
  • Edit their own profile.
  • Upload photos for their profile as well as for activities they've created.
  • Filter activities by date category participation status and host and search by title.
  • Receive real-time notifications for the following events:
    • New followers.
    • Activity creations.
    • Modifications or cancellations of activities they've joined.
    • Modifications or cancellations of activities they've created.

๐Ÿ’ป Built with

Client: React, Redux, MUI,React Query, typescript

Server: ASP .NET Core, .NET 6, PostgreSQL,EF Core

CI/CD GitHub Action

Prerequisites

Client:

Package Version
React ^17.0.0
React-DOM ^17.0.0
Axios ^1.6.2
Date-fns ^2.30.0
Dayjs ^1.11.10
Lodash ^4.17.21
React-Dropzone ^14.2.3
React-Hook-Form ^7.49.3
React-Html-Parser ^2.0.2
React-Query ^3.39.3
React-Quill ^2.0.0
React-Redux ^8.1.3
React-Router ^6.19.0
React-Router-DOM ^6.19.0
Redux ^4.2.1
Redux-Thunk ^2.4.2
Styled-Components ^6.1.1
Zod ^3.22.4

Server:

Dependencies version
AutoMapper 10.1.1
AutoMapper.Extensions.Microsoft.DependencyInjection 8.1.1
Ardalis.GuardClauses 4.3.0
CloudinaryDotNet 1.24.0
Microsoft.AspNetCore.ApiAuthorization.IdentityServer 6.0.25
Microsoft.EntityFrameworkCore 6.0.25
Microsoft.EntityFrameworkCore.Design 6.0.25
Microsoft.EntityFrameworkCore.SqlServer 6.0.25
MediatR 12.2.0
Npgsql.EntityFrameworkCore.PostgreSQL 6.0.22
Serilog.AspNetCore 8.0.0
Serilog.Sinks.Console 5.0.0
Serilog.Sinks.File 5.0.0
Swashbuckle.AspNetCore 6.5.0

๐Ÿ› ๏ธ Installation Steps:

git clone https://github.com/renyuan-fei/Events.git

create .env variable for Docker(if you want upload your image,please run follow bash script, it will let your fill cloudinary apikey and create a .env file)

Obtain Your Cloudinary API Key: If you haven't already, register for an account and generate an API key on Cloudinary.

  • Windows
bash init.sh
  • Linux or MacOS
chmod +x init.sh
./init.sh

To start Docker containers for the project, please use: The up command is used to start the services defined in the docker-compose.yml file, in detached mode (-d).

docker compose up -d

To stop Docker containers: The down command is used to stop and remove containers.

docker compose down

View website

https://localhost:7095

Project Screenshots:

Main page:
project-screenshot

Login and Register
project-screenshot
project-screenshot
project-screenshot

Activity list:
project-screenshot
project-screenshot

Notification:
project-screenshot

User profile:
project-screenshot
project-screenshot

Photo Upload
project-screenshot
project-screenshot
project-screenshot

Activity
project-screenshot
project-screenshot
project-screenshot
project-screenshot
project-screenshot

Follow List
project-screenshot

events's People

Contributors

renyuan-fei avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.