SoHyun Oh | KyungJae Kim |
---|---|
Hallym University | Hallym University |
Computer Engineering 4th | Computer Engineering 2th |
@osohyun0224 | @PortalCube |
- Clone the repository and navigate to the cloned directory.
git clone https://github.com/MotuS-Web/MotuS-FrontEnd
cd MotuS-FrontEnd
- Open the .env file, delete all temporary values, and enter the URLs for your pre-configured Spring and AI services.
VITE_SPRING_URL=[Spring Service URL]
VITE_AI_URL=[AI Service URL]
- Ensure you have Node v18 or above installed, and then run the following commands to start the development server.
npm install
npm start build
npm run dev
Note: If you are planning to deploy this repository to production, make sure to deploy in an HTTPS environment to ensure access to users' webcams.
Stack | Version | Why |
---|---|---|
React | 18.2.0 |
Adopted due to its active open-source ecosystem compared to other frameworks. It allows component-based development which is great for collaboration and offers superior productivity. |
Redux | 8.1.2 |
Adopted as a state management container because all state updates are defined as actions. These actions update the state in the Reducer, making it easier to predict and maintain. |
@reduxjs/toolkit | 1.9.5 |
Introduced to reduce boilerplate code when using Redux. It provides tools and helpers required for writing Redux code, simplifies immutable state updates, and makes asynchronous tasks easier to manage. |
Styled-Components | 6.0.6 |
Adopted for the benefits of CSS-in-JS, improving the productivity of style writing. |
axios | 1.5.0 |
Introduced for API communication. |
Vercel | Link | Aiding collaboration with other development teams by hosting on Vercel for easier progress checks. Also, used as a build tool to instantly detect errors during development. |
Thank you for contributing to the MotuS frontend repository! Please check the contribution guide a CONTRIBUTING.md