- Next.js
- TypeScript
- JavaScript
- Sass/SCSS
- Material UI
UT Registration Planner is composed of 2 main sections. The Next.js and Chrome Extension folder. Depending on what part of the project you want to contribute to will determine your workflow.
In order for UT Registration Planner to maintain a clean and organized codebase, we follow certain styles which are enforced by Prettier and the prettier-vscode
VS Code extension called "Prettier - Code formatter".
Note: You will need to select which code formatter VS Code wants to use (It will prompt you to choose).
- Node.js
18.3.0
The Next.js section of this project is located under the ut-registration-planner
folder. Open up VS Code and open the UT Registration Planner project root with File > Open Folder...
UT Registration Planner
.
Then open up the integrated terminal in VS Code and navigate to the ut-registration-planner
folder.
cd ut-registration-planner
Install npm packages and dependencies
npm install
Run the development server
npm run dev
Open http://localhost:3000 with your browser to see the result.
The Chrome Extension section of this project is located under the extension
folder. Open up VS Code and open the UT Registration Planner project root with File > Open Folder...
UT Registration Planner
.
- Head over to chrome://extensions in a new chrome profile (recommended to prevent conflicts).
- Enable Developer Mode
- Click the Load Unpacked button
- Select the
UT Registration Planner/extension
folder
You will have to navigate to chrome://extensions and refresh the UT Registration Planner Chrome Extension and the pages it affects after every change for the changes to take effect.