Giter Club home page Giter Club logo

community-events-angular's Introduction

📅 ComEve (Opensource Event Management App built with Angular) 🔥

This project was generated with Angular CLI version 12.1.1.

👉 Want to Contribute? ✨🔋

1️⃣ Hit "Star" 🚀 2️⃣ Fork "Repo" 3️⃣ Follow Contribution Guidelines

👉 Some helpful Angular Tech Blogs 📝

https://dev.to/muhammadawaisshaikh

👉 Some helpful Angular Video Content 🎥

https://www.youtube.com/developerorium

👉 Angular CLI generate commands: 🛠

Module Creation

ng g module auth --routing

Component Creation

ng g component auth

Service Creation

ng g service auth

deploy app on Github Pages

npx angular-cli-ghpages --dir=dist/community-events-angular

https://medium.com/tech-insights/how-to-deploy-angular-apps-to-github-pages-gh-pages-896c4e10f9b4

👉 Contributors ✨🏆

Thanks goes to these wonderful people:


Thrashtech Solutions
@thrashtechinfo

Muhammad Awais
@muhammadawaisshaikh

Ilyas Ahmed
@ilyasahmedshaikh

Muhammad Idrees
@muhammadidreesshaikh

Themistoklis Bogiatzoglou
@kala2

Haroon Ansari
@haroon786

Greg Sithole
@GregSithole

community-events-angular's People

Contributors

findingone avatar gregsithole avatar haroon786 avatar ilyasahmedshaikh avatar kala2 avatar muhammadawaisshaikh avatar muhammadidreesshaikh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

community-events-angular's Issues

create step-2 form for "User Group" Module

image

  • make this step-2 on stepper step
  • Refer this Issue for Stepper (create stepper tabs for "User Group" Module child components #28)
  • also make these chips with select, unselect capability as a reusable shared component, so that we can use them in throughout the project.

Create Token Interceptor

  • create Http Token Interceptor (responsible for attaching token to next http api calls, that token came after authentication success)

Add a "Event Listing" component as a reusable component under Shared Module

image

That listing have multiple types with header like above you see in screenshot. you have to create 4 to 5 sections like this in a listing page. but please make this listing with header as a reusable component, it's mandatory, make a reusable component and call that in event listing page 4 to 5 time.

Create an "User Group" Module

  • create a "User Group" lazy-loaded module
  • create a base component for this module
  • initiate a router-outlet inside base component of module you just created.

Create a Blog Module (lazy loaded)

create a lazy-loaded module name "Blog" with it's base parent component that will have router-outlet to navigate multiple child components.

Structure Angular App

  1. Http API mechanism
  2. Shared Module (shared components like search-bar, card etc.)
  3. interceptors (Loader, Token)
  4. Services
  5. Constants
  6. Guards
  7. As good as you can

create step-4 form for "User Group" Module

image

  • develop this simple form at step-4 tab.
  • Refer this Issue for Stepper (create stepper tabs for "User Group" Module child components create stepper tabs for "User Group" Module child components #28)

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.