VSSUT Events - College Event Management System

Overview
Logo

VSSUT Events - College Event Management System


Initiated with the incentive to provide a common rostrum to host all college events, College Event Management (CEM) System is basically a platform where people can host their events and promote them for the students within the institute. One has to just create his/her account in CEM, then login to host his/her event and manage it as per his/her requirements. The entire process will save lot of time along with providing a better reach to the participants.

This repository is concerned with the frontend part of the project. CEM frontend provides an adaptive user interface with navigating menus and sliders, along with eye-catching graphics that brings better versatility to the user.

For those interested in working on the backend part of the project, do checkout the backend repository.

💻 UI

Logo

Inspired by Townscript's UI, we aim to have similar layout for the components. New UI section will be added but as a whole the basic schema would stay the same.

Tech Stack Used

Client Server Database
React Node mongoDB
MaterialUI Express
Hooks

📡 Hosting

The project is hosted on firebase for now. You can check the live website here. In future it will be deployed using AWS once the basic layout gets ready.

🛠 Installation & Set Up

Clone the project

  git clone https://github.com/Developer-Student-Clubs-VSSUT-Burla/CEM-frontend

Go to the project directory

  cd CEM-frontend

Install dependencies

  npm install

Start the development server

  npm run dev

🎨 Color Reference

Color Color Name Hex Code
Primary Color Maastricht Blue #0a192f #0a192f
Secondary Color Cultured White #f8f8f8 #f8f8f8
Color 1 Persian Green #00b48a #00b48a
Color 2 Caribbean Green #00d1a0 #00d1a0

🖊 How to Contribute

Contributions are always welcome!

See contribution.md for ways to get started.

NOTE: Please adhere to this project's code of conduct.

Features

  • Create and Manage Event
  • Email Integration
  • Fully Responsive
  • calendar Scheduling
  • Display Events from various colleges

📢 Acknowledgements

The project has been inspired by various event management sites. Few of them are listed below

Support, Suggestion, Updates

Join our Discord server to get regular updates, quick support and better guidance. Join Now

📜 License

GPLv3 License

Issues
  • Add a favicon for Hactoberfest 2021.

    Add a favicon for Hactoberfest 2021.

    I wish to add a favicon. A favicon distinguishes the website and adds more beauty to it.

    opened by ushmita4 2
  • Starter Template

    Starter Template

    Added basic dependencies and files

    hacktoberfest-accepted 
    opened by devppratik 0
  • Added Navbar & Layout Structure

    Added Navbar & Layout Structure

    null

    hacktoberfest-accepted 
    opened by devppratik 0
  • firebase pipeline added

    firebase pipeline added

    null

    hacktoberfest-accepted 
    opened by chandrasekhar2039 0
  • build script changed

    build script changed

    null

    hacktoberfest-accepted 
    opened by chandrasekhar2039 0
  • Firebase deploy pipeline: bug fixed

    Firebase deploy pipeline: bug fixed

    The build folder changed to dist on running npm run build

    hacktoberfest-accepted 
    opened by chandrasekhar2039 0
  • Updated Readme and Added Contributing Guide

    Updated Readme and Added Contributing Guide

    null

    hacktoberfest-accepted 
    opened by devppratik 0
  • Readme and contribution.md updated

    Readme and contribution.md updated

    null

    hacktoberfest-accepted 
    opened by chandrasekhar2039 0
  • updated readme

    updated readme

    null

    hacktoberfest-accepted 
    opened by chandrasekhar2039 0
  • Write a short paragraph about Hactoberfest 2021 in the index page.

    Write a short paragraph about Hactoberfest 2021 in the index page.

    I wish to write a paragraph dedicating what is hactoberfest.

    opened by ushmita4 0
  • Component Design for Creating New Event

    Component Design for Creating New Event

    For creating a new event we need a component like a multipage form where the user can fill up the necessary details to create a new event.

    For details how the component would work

    • Visit Townscript
    • Go to the Dashboard by clicking on Create Event
    • Follow the steps to see how the process works

    A similar design must be created for the event creation process

    hacktoberfest-accepted 
    opened by devppratik 0
  • Admin Dashboard Component Design

    Admin Dashboard Component Design

    The admin dashboard component needs to be designed. It should show

    • All events created by the user
    • Option to edit or update current events
    • Reports/ Stats of the event (User registrations, Total fees, Total interaction etc)
    • Manage User Profile
    hacktoberfest-accepted 
    opened by devppratik 0
  • Home Page Grid Component Design

    Home Page Grid Component Design

    On the home page all the active events needs to be listed. The layout for this would be a 3 column grid. The component design needs to be done for the same with each column including a card to display the details of the events

    The component must be included as src\components\home\

    • [ ] Design the Card Component to display the Event
    • [ ] Design the Grid Layout
    good first issue hacktoberfest-accepted 
    opened by devppratik 0
  • Setting up the index.html

    Setting up the index.html

    Things to do

    • [ ] Setup favicon
    • [ ] Add meta tags
    • [ ] Add manifest.json
    • [ ] Change title

    (Optional)

    • [ ] Setup SEO
    • [ ] Add crawler (robot.txt)

    For favicon img contact us on our discord server.

    good first issue hacktoberfest-accepted 
    opened by chandrasekhar2039 0
  • Create Footer for all Pages

    Create Footer for all Pages

    A footer component needs to be added that will be used across all pages. Few requirements are

    • 3 or 4 column footer
    • Fully Responsive
    • Must include logo Put VSSUT-Events for now )

    Sample is attached for reference Screenshot_20211013_105221

    good first issue hacktoberfest-accepted 
    opened by devppratik 2
  • Add Navbar for Non-Admin Pages

    Add Navbar for Non-Admin Pages

    We need to add Navbar for all Non-Admin Pages. The following things need to included alongside the logo. This needs to be created under src/components/navbar/ with file name being DefaultNavbar.jsx

    • [ ] User Profile Button
    • [ ] Search Bar for events
    • [ ] College Selector
    • [ ] Create Event Button

    Navbar must be fully responsive

    Screenshot is attached for reference Screenshot_20211013_104423

    good first issue hacktoberfest-accepted 
    opened by devppratik 0
  • Changes to Admin Navbar

    Changes to Admin Navbar

    The basic template for admin navbar is present.

    It needs to be modified to be similar as Townscript's dashboard navbar. Visit Townscript to get a overview of the UI design

    Screenshot is attached for reference Screenshot_20211013_104148

    good first issue hacktoberfest-accepted 
    opened by devppratik 0
Owner
GDSC VSSUT
Google Developer Student Clubs of VSSUT Burla
GDSC VSSUT
Fusion.js + Base UI Example App

Fusion.js + Base UI Example App What are we going to build? If you want to immediately get the whole application git clone [email protected]:tajo/fusion-

Vojtech Miksu 39 May 13, 2021
Astro is a fresh but familiar approach to building websites.

Astro is a fresh but familiar approach to building websites. Astro combines decades of proven performance best practices with the DX improvements of the component-oriented era. Use your favorite JavaScript framework and automatically ship the bare-minimum amount of JavaScript—by default.

Snowpack 7.8k Oct 13, 2021
Kanmail - An email client that functions like a kanban board, for Mac/Windows/Docker

Kanmail - An email client that functions like a kanban board, for Mac/Windows/Docker

Oxygem 986 Oct 10, 2021
Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!

Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!

Andres Arturo Rodriguez Calderon 12 Oct 12, 2021
Hrms projesi için React kullanılarak yazılmış Frontend projesi

Human Resources Management System İnsan Kaynakları Yönetim Sistemi, Bu Frontend projesi "React" ile hazırlanmıştır UML Component Diagram Ekran Görüntü

Yusuf Akkurt 4 Jun 13, 2021
Build a Full Stack Marketplace on Ethereum with React, Solidity, Hardhat, and Ethers.js

Building a Digital Marketplace on Ethereum The technologies used in this workshop are React, Next.js, Tailwind CSS, HardHat, Solidity, and Ethers. Get

Nader Dabit 50 Oct 19, 2021
🎓 Introduction to GraphQL + React + Java + Astra DB

?? Introduction to GraphQL + React + Java + Astra DB

DataStax Developers 68 Oct 7, 2021
Design kit for Avail rental management software

Avail Design Kit A set of components built to be composable, extendable, and usable Documentation Setup Clone the repo with gh repo clone rentalutions

Avail 7 Oct 14, 2021
React features to enhance using Rollbar.js in React Applications

React features to enhance using Rollbar.js in React Applications

Rollbar 23 Oct 21, 2021
Render and position native windows as simply as you render and position tooltips in your React app.

Portal Windows Render and position windows as simply as you render and position tooltips in your React app. Getting started To use Portal Windows, you

Tandem 51 Oct 10, 2021
Learn React by Building Netflix.

It means that you are learning React.js by building a real-life project. I will explain concepts in detail. This post is the first part in my series and it is suitable for beginners.

Hiep Le 149 Oct 14, 2021
A Fullstack Discord Clone written in Typescript.

Valkyrie A Discord clone written in TypeScript. Live Demo (Note: File Upload is disabled on the public demo to reduce hosting cost) Video Features Mes

null 91 Oct 14, 2021
Fully working Discord clone with the essential features. Made with React + Redux + TypeScript.

Fully working Discord clone with the essential features. Made with React + Redux + TypeScript.

null 21 Oct 13, 2021
A simplified Jira clone built with React/Babel (Client), and Node/TypeScript (API). Auto formatted with Prettier, tested with Cypress.

A simplified Jira clone built with React and Node Auto formatted with Prettier, tested with Cypress ?? Visit the live app | View client | View API Wha

Ivor Reic 7.6k Oct 21, 2021
Planets fact site with animated solar system built with ReactJS.

Frontend Mentor - Planets fact site Table of contents Overview Intro The challenge Links My process Built with Features Setup Useful resources Overvie

null 38 Sep 11, 2021
Most advanced open-source Headless CMS built in NodeJS and React. Written in Typescript!

Burdy The most powerful and flexible open-source headless cms. We took the inspiration from WordPress plugin system (hooks and actions) and have built

Burdy.io 162 Oct 10, 2021
React project to scan and write into NFC tags using the Web NFC API.

REACT NFC Sample App About This is a simple sample app demostrating the usage of the Web NFC API. To get the Web NFC API working you will need an Andr

Pato 7 Aug 21, 2021
An instagram clone created with the MERN stack

Instaclone An instagram clone created with MongoDB, Express, React, and Socket.io Have a look at the live demo Tech Frontend: React State management:

Sander Moen 428 Oct 10, 2021
A minimal operating system created with ReactJS

mindows A minimal Operating System created with React. About This project provides a minimal Windows 10 experience in browser. It runs completely on c

Piyush Madhusudan 83 Sep 13, 2021