Giter Club home page Giter Club logo

eventie's Introduction

Description

Eventie is designed to help event organizers manage event registration and attendance tracking in a more efficient and organized way. With this application, event organizers can create events, register users to events, and mark users as participated using QR codes.

Features

  • Event Creation: With this application, event organizers can easily create and set up events by providing event details such as event name, description, date, and time.

  • User Registration: Event organizers can allow users to register for events by providing basic information such as name, email address, and phone number.

  • Attendance Tracking: The application allows event organizers to track attendance by scanning the QR code of the registered users. This helps to ensure that only registered users are allowed to attend the event and also helps to keep track of attendance during the event.

Project structure

Tech stack

Appwrite logo Tech Stacks Pinia logo PrimeVue logo

  • Appwrite
  • HTML5
  • CSS3
  • Javascript
  • Nodejs
  • Tailwind CSS
  • Vue.js
  • Express.js

Folder structure

Click to expand
.
├── backend                         Backend application using Appwrite and Node.js with Express
│   ├── appwriteSetup.js            Appwrite initialization; Use this to use new features
│   ├── functions                   Appwrite functions
│   │   ├── appwrite.json           Appwrite functions configuration; Autogenerated using cli
│   │   └── functions
│   │       ├── SetImageUrl         Listener on document.create which updates the image url field
│   ├── images                      Images for readme
│   └── routes                      Route handlers for /api route
│       ├── events                  Route handlers for /api/events route
│       └── users                   Route handlers for /api/users route
├── public                          Static files for the frontend
│   └── images
└── src                             Source files for the frontend
    ├── assets
    ├── components                  Vue coponents
    ├── router                      Vue router
    ├── stores                      Vue stores
    └── views                       Vue views

Setup

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Setup frontend

  1. Install packages in package.json
  2. Run npm run build on command prompt
  3. Finally, npm run preview

Setup backend

  1. Install appwrite according to official guide. If you use a custom port or hostname for appwrite, make sure to replace localhost with [HOST]:[PORT] in following instructions.
  2. Visit http://localhost and follow the instructions. Create a new project and a new user.
  3. Create a new file called .config.js in /PROJECT_ROOT/backend/.config.json with following attributes:
const config = {
    PORT: 3456, // port to run backend application
    ENDPOINT: 'http://localhost/v1', // appwrite endpoint
    PROJECT: 'project id', // project id
    API_KEY: 'api key', // your api key from appwrite console
};

export default config;

Project id can be found in Project Overview page in Appwrite console.

Location of project id in appwrite console

See Appwrite API Key to generate an API key.

Project Setup

npm install;
cd backend;
npm install;

Compile and Hot-Reload for Development

In terminal 1

npm run dev

In terminal 2

cd backend;
npm run dev

Compile and Minify for Production

npm run build

eventie's People

Contributors

ansh-sonkusare avatar rohantrix avatar suven-p avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

suven-p

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.