Giter VIP home page Giter VIP logo

darshan45672 / eventopia Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 10.34 MB

Eventopia streamlines event planning with its user-friendly interface and robust features. Organizers can effortlessly manage attendees and gain real-time insights, while participants enjoy a seamless experience through customizable ticketing solutions. From conferences to concerts, Eventopia ensures success for every event.

TypeScript 44.97% Dockerfile 0.12% HTML 0.21% SCSS 9.85% CSS 9.63% JavaScript 31.14% Less 4.08%
expressjs mern-project mern-stack mongodb nodejs reaactjs typescript

eventopia's Introduction

Eventopia

Welcome to the Eventopia, a web application built using the MERN stack (MongoDB, Express.js, React.js, and Node.js). This application allows users to register for events, register through teams, mark attendance, and sign in/signup.

Table of Contents

Features

  • User registration and authentication (signup/signin)
  • Event registration
  • Team registration
  • Attendance marking for registered events
  • Dashboard to view registered events and attendance status

Installation

To get started with the Events CMS, follow these steps:

  1. Clone the repository: git clone https://github.com/your-username/events-cms.git
  2. Navigate to the project directory: cd events-cms
  3. Install the dependencies:
    • Run npm install
    • backend code https://github.com/klientship/events_cms_backend
  4. Configure the environment variables:
    • Create a .env file in the backend directory and define the following variables:
      PORT=<port_number>
      MONGODB_URI=<mongodb_connection_string>
      JWT_SECRET=<your_jwt_secret_key>
      
  5. Start the application:
    • Backend:
      • From the backend directory, run npm start to start the backend server
    • Frontend:
      • From the frontend directory, run npm start to start the frontend development server
  6. Open your browser and navigate to http://localhost:3000 to access the Events CMS.

Usage

  1. Sign up or sign in using your credentials.
  2. Once logged in, you will be redirected to the dashboard.
  3. From the dashboard, you can:
    • View and register for available events.
    • Create a team or join an existing team.
    • Mark attendance for registered events.
    • View your registered events and attendance status.
  4. Explore the various features and functionalities of the application.

Technologies

The Events CMS is built using the following technologies:

  • Backend:
    • Node.js: A JavaScript runtime for server-side development
    • Express.js: A web application framework for Node.js
    • MongoDB: A NoSQL database for storing application data
    • JWT: JSON Web Tokens for user authentication and authorization
  • Frontend:
    • React.js: A JavaScript library for building user interfaces
    • Redux: A predictable state container for managing application state
    • React Router: A routing library for handling client-side navigation
    • Axios: A library for making HTTP requests from the browser
    • Bootstrap: A popular CSS framework for responsive web design

Contributing

Contributions are welcome! If you'd like to contribute to the Events CMS, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix: git checkout -b feature/your-feature-name or git checkout -b bugfix/your-bug-fix.
  3. Commit your changes: git commit -m "Add your commit message".
  4. Push to the branch: git push origin feature/your-feature-name or git push origin bugfix/your-bug-fix.
  5. Submit a pull request explaining your changes.

License

This project is licensed under the MIT License. Feel free to use and modify the code as per the terms of the license.

eventopia's People

Contributors

darshan45672 avatar

Stargazers

 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.