Project Info

CodeForBC Website App Structure

my-nextjs-app/
│
├── public/                  # Static files like images, fonts, etc.
│
│── src/
│     |
│     ├── components/          # Reusable components (button, modal, etc.)
│     │   ├── common/          # Common components like Button, Input
│     │   └── layout/          # Components that dictate major page structure
│     │       ├── Footer/
│     │       ├── Header/
│     │       └── Navigation/
│     │
│     ├── app/     # Main Page components (Projects, Project, Join Us, About)
│     │
│     ├── styles/                 # Global styles, variables, mixins, etc.
│     │   ├── globals.css         # Global styles
│     │   └── theme.js            # Theme-related styling
│     │
│     ├── utils/                  # Utility functions and helpers
│     │
│     ├── services/               # Services for the app
│     │
│     ├── client-services/        # Services for connecting to external APIs
│     │
│     └── config/                 # Configuration files (not secrets!)
│     │
│     └── dataModels/                 # Models for internal use
│     │
│     └── clientDataTransferModels/                 # Client Dtos
│
├── node_modules/            # Generated by npm - should be in .gitignore
│
├── .env.local               # Local environment variables
├── .env.production          # Production environment variables
├── .env.development         # Development environment variables
│
├── next.config.js           # Next.js configuration file
│
├── package.json             # Project metadata and dependencies
└── README.md                # Project documentation

CodeForBC Website Design

Figma: https://www.figma.com/file/RTNxJMR0l59uOQJDbGNeTc/OpenBC-Redesign?type=design&node-id=108-1881&mode=design&t=nKB1Sl3PUzERnl1b-0