Yoma Web is a modern, responsive frontend application built with NextJS 15 & React 19. It provides an intuitive interface for users to interact with the Yoma platform, enabling them to access opportunities, manage their profiles, and connect with organizations. The application is also available as a Progressive Web App (PWA), allowing users to install it on their devices for offline access and an app-like experience.
-
Install dependencies:
yarn install # or npm install
-
Start the development server:
yarn dev # or npm run dev
-
🎉 Open http://localhost:3000 in your browser to see the application!
Command | Description |
---|---|
yarn dev |
Starts the development server |
yarn build |
Creates an optimized production build |
yarn start |
Runs the built app in production mode |
yarn lint |
Runs ESLint to catch code quality issues |
yarn test |
Executes Jest tests |
yarn analyze |
Runs the bundle analyzer to visualize bundle sizes |
yarn cypress |
Opens Cypress for end-to-end testing |
yarn storybook |
Starts Storybook for component development |
src/
├── components/ # Reusable UI components
├── contexts/ # React contexts for state management
├── hooks/ # Custom React hooks
├── layouts/ # Page layout components
├── lib/ # Libraries and utility functions
├── pages/ # Next.js page components
├── public/ # Static assets
├── styles/ # Global styles and theme
└── types/ # TypeScript type definitions
This project uses:
- Jest for unit and integration tests
- Cypress for end-to-end testing
Run tests with:
# Unit and integration tests
yarn test
# End-to-end tests
yarn cypress
For more details on architecture, design decisions, and component guidelines, please refer to our documentation.