A Full-Stack React application for transition managers to keep track of students, and their appointments. The application stores information in a database for multiple cohorts, who each have multiple students. Information attributed to the students includes Full name, Branch, Duty status, ETS date (with corresponding color indicator depending on the time to ETS), and their phone numbers. The application provides the ability to add/edit/delete appointment notes on the fly for each individual student. The application requires users to register using email credentials, and provide a password for access to sensitive information. The user's password is hashed with additional 10 salt rounds, and is one-way encrypted so it can be stored in the database, and attributed to each individual user.
- This application builds the development environment inside Docker, so after forking/cloning, make sure you have Docker desktop running.
- In your terminal run
cp .env.example .env; cp api/.env.example api/.env- Copy required environment variables. - In your terminal run
npm install; npm install --prefix=api; npm install --prefix=client- Install all dependencies. - In your terminal run
docker compose up --build- From the root directory (Note* the --build command ensures dependencies are installed alongside the Docker container build). - *Note: Since the database for the deployed application is hosted on Heroku, any changes to the data, or structure of the ERD must be pushed to heroku manually by using Heroku's CLI and adding/removing/altering the data from there. Updating the included migration and seed files will not affect the deployed version.
Technologies (Back to Top)
| Link | Description |
|---|---|
 |
FullCalendar provides a highly performant React component that accepts JSX for rendering nested content. |
 |
ReactTooltip renders a floating react tooltip element that displays information related to an anchor element when it receives keyboard focus or the mouse hovers over it. |
 |
Axios is a simple promise based HTTP client for the browser and node.js. |
 |
JSON Web Tokens (JWT) are a compact and self-contained means of securely transmitting information as a digitally signed JSON object, commonly used for authentication and authorization purposes.right baz |
 |
Concurrently is a JavaScript library that allows running multiple commands concurrently in a single terminal window. |
 |
Bcrypt is a JavaScript library used for hashing and comparing passwords securely. |
 |
Cypress is a JavaScript end-to-end testing framework that allows for fast, reliable, and easy-to-write tests for web applications. |
 |
A blazing fast unit test framework powered by Vite. |
For Staff Members charged with assisting students with their transition from military service.
Improvements (Back to Top)
Screenshots & Video links (click on the images below) (Back to Top)
- Visit the BEFORE deployed application @ https://hacking-transitions.herokuapp.com.
- Visit the AFTER deployed application @
COMING SOON!
Contributors (Back to Top)
| Role | Contact Info |
|---|---|
| Project Manager and Software Engineer |   |
| User Interface Owner and Software Engineer |  |
| Architecture Owner and Software Engineer |  |
| Software Engineer |  |
| Software Engineer |  |
| Software Engineer |  |
Blake Barkman (Project Manager) || Josh Benton (User Interface Owner) || Will Franceschini(Architectural Owner) || Matthew Drevon (Software Engineer) || Dennis Kennedy (Software Engineer) ||Kimberly Jenkins (Software Engineer)
Full E2E test suite with Cypress, Multiple unit tests written for various components throughout the entire application with Vitest & react-test-library, and development testing with Postman during API development to test routes.
License (Back to Top)
The license used for this project is MIT. For more information visit: https://opensource.org/license/mit/