LPU Student Organizations
Organizations - of the students, by the students, for the students!
Problem Statement:
With a plethora of Developer Communities in College, students have a hard time finding basic information about these communities on their respective websites.
Problem Solution:
This project offers a ‘Website for students to find all the basic information about Developer Communities in their College in one place’. Currently, the app is limited to Lovely Professional University, Punjab. The project scope is to offer our functionalities to other universities and communities over time.
Best features:
- Implemented Voice Control Feature (Alpha)
Angular application File / Folder Architecture summary:
package.json: consists of Node/NPM library/package/module dependencies for application developmentnode_modues- folder consists of all installed packagessrc/main.ts- entry point to angular application. src/index.htmlapp/app.module.ts- route module of applicationapp/app.component.ts- route component of applicationng serve / npm start-> main.ts (index.html) -> app.module.ts -> app.component.ts -> (app.component.html + css)
Functionality & Concepts used :
The Website has a very simple and interactive interface which helps the users select their route flight and find its prices. Following are few Web and Firebase concepts used to achieve the functionalities in website :
- Components : to add header, footer, search feature in the website. Header and footer components are reused in the website.
- Directives : Define how the view components are placed. It also describes the overall structure of the website components.
- Databinding : Show the synchronisation between model and view. It populates the websites after mapping the model and view of each website page.
- Firebase Auth : To authenticate users to the website.
- Firebase Firestore database : To add Student organisation details/policies.
- Firebase Hosting - To host the website.
Application Link & Future Scope :
The app is currently in the Alpha testing phase for #vertos of Lovely Professional University, You can access the app : https://so-lpu.web.app/.
https://so-lpu.web.app/
Once the website is fully tested and functional inside campus, we will plan it to scale it up by implementing various Google Developer Services to this app idea and collaborate across globe to create a production ready solution. We aim that by next year students across
Development server
To deploy this project run
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
ng serve -o
Code scaffolding
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
ng generate component component-name
Build
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
ng build
Running unit tests
Run ng test to execute the unit tests via Karma.
ng test
Running end-to-end tests
Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
ng e2e
Further help
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.
Screenshots
Run Locally
Clone the project
git clone https://github.com/gdsclpu/LPU-Student-Organizations.git
Go to the project directory
cd LPU-Student-Organizations
Install dependencies
npm install
Start the server
npm run serve -o
Support
For support, email [email protected] or join our Slack channel https://s.gdsclpu.tech/slack.
Authors
Contributing
Contributions are always welcome!
See contributing.md for ways to get started.
Please adhere to this project's code of conduct.
44 Dec 22, 2022
4 Jun 9, 2022
1 Apr 15, 2022
33 Nov 23, 2022
7 Sep 9, 2022
6 Nov 4, 2022
18 Aug 8, 2022
23 Aug 6, 2022
8 Jun 16, 2022
5 Nov 11, 2022