admin-app is an application that severs "admin" users of Handle My Admission.
visit portal : admin-app
Handle My Admission is a solution which provides an end-to-end platform for institutions to manage their admission process , as well as it acts as an on-stop solution for high school students to manage their college applications.
It started with the idea to provide facilities to only one university, but now itβs pivoting towards SAAS.
The very first reason was to reduce the costs of the solutions that our university was using. Later, we realized that there is no single SAAS platform for admission, where universities can post their openings and applicants can apply through a single platform, because each university currently has their own portal, making it difficult to track your application as a student when applying to many universities and openings.
- Dynamic dashboards.
- Query management system.
- Application management system.
- Up-to-date notifications.
- Notice boards.
- Embedded calendars.
- Different payment modes powered by Razorpay.
That's pretty easy. To ensure that you are able to install everything properly, we would recommend you to have Git, Node and npm or yarn installed.
We will first start with setting up the Local Project Environment:
git clone https://github.com/admission-portal/admin-app.git
cd admin-app
Install all the dependencies.
npm install
To run the React app locally | start the development server:
npm start
To Build the production ready web application:
npm run build
You need to have the UserPoolId
and client id
. Go to AWS > Cognito > Manage pools and users > clients or else contact any of the maintainers.Once you have it, Save that into /src/UserPool.js
:
const poolData = {
UserPoolId: 'POOL_ID_XXXXXX',
ClientId: 'CLIENT_ID_XXXXX',
};
π NOTE:
- You must follow the eslint rules defined in the
.eslintrc.json
when creating a pull request. Please ensure that EsLint is up and running before submitting your code for linting. We recommend using an extension to assist you in adhering to lint rules.
Learn more about Eslint
- For a smooth installation, Node version
16.x
is required.
Running on some other Node version ? we recommend you to check out this amazing tool : NVM
There are plentty of them π,
- ReactJS
- Ant-Design
- Amazon Web Services:
- Lambda
- DynamoDB
- Cognito
- API Gateway
- S3
- SNS
- SQS
This React app has three types of components: component
, which can be defined as the smallest reusable components being utilized or used by the other two types, container
, which utilizes the first type of components, and page
components, are nothing but views.
some details about directory structure:
Inside /src:
-
components, containers and pages directories contains components whose sole purpose is to serve UI.
-
Contexts directory contains the contexts used by the application's various components. Utilizing contexts solves the problem of prop drilling.
-
Routes directory contains
ProtectedRoute.js
which protects the required components from unauthenticated users, preventing them from accessing those components. -
Helper directory have
charts
and other utilities.
We like to follow a code of conduct and expect the same from you. please refer: CODE OF CONDUCT