---

🎊 admin-app

admin-app is an application that severs "admin" users of Handle My Admission.

visit portal : admin-app

💥 Introduction to Handle My Admission

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.

💡 Why did we build this?

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.

🥁 Features

• Dynamic dashboards.
• Query management system.
• Application management system.
• Up-to-date notifications.
• Notice boards.
• Embedded calendars.
• Different payment modes powered by Razorpay.

🛠️ Local development

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/handle-my-admissions/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:

1. 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

2. 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

🧰 Tools & technologies used ?

There are plentty of them 🎊,

• ReactJS
• Ant-Design
• Amazon Web Services:
  • Lambda
  • DynamoDB
  • Cognito
  • API Gateway
  • S3
  • SNS
  • SQS

Please help me getting started with repository's structure! 🙄

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:

1. components, containers and pages directories contains components whose sole purpose is to serve UI.

2. Contexts directory contains the contexts used by the application's various components. Utilizing contexts solves the problem of prop drilling.

3. Routes directory contains ProtectedRoute.js which protects the required components from unauthenticated users, preventing them from accessing those components.

4. Helper directory have charts and other utilities.

---

📃 Detailed + High level architecture

---

📃 Flow chart

✌ Code Of Conduct

We like to follow a code of conduct and expect the same from you. please refer: CODE OF CONDUCT

📜 LICENSE

MIT License