https://github.com/andreagriffiths11/we-coded
https://github.com/andreagriffiths11/we-coded
copilot-enabled dev git github
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/andreagriffiths11/we-coded
- Owner: AndreaGriffiths11
- License: mit
- Created: 2025-03-10T21:56:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-16T17:27:52.000Z (about 1 year ago)
- Last Synced: 2025-08-12T23:53:46.376Z (9 months ago)
- Topics: copilot-enabled, dev, git, github
- Language: TypeScript
- Homepage: https://andreagriffiths11.github.io/we-coded/
- Size: 269 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# WeCoded Game
A gamified interactive experience celebrating diversity in tech through storytelling and engagement with real tech journey stories from the DEV.to community.
## 🎮 Features
- **Interactive Story Cards**: Browse through authentic tech journey stories from diverse backgrounds
- **Mini-Game**: Engage with an interactive element demonstrating diversity concepts
- **Progress Tracking**: Track your journey through different stories and contributions
- **Accessibility First**: Full support for various accessibility needs including high contrast mode and reduced motion
- **Real-time Updates**: Fresh content pulled from DEV.to's #wecoded tag
## 🛠️ Tech Stack
- Next.js 15 with App Router
- TypeScript
- CSS Modules with CSS Variables
- Geist Font Family
- Jest & React Testing Library
## 🚀 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/yourusername/wecoded-game.git
cd wecoded-game
```
2. Install dependencies:
```bash
npm install
```
3. Run the development server:
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) to see the game in action!
## 📖 Project Structure
```
app/ # Next.js app directory
├── api/ # API routes
├── globals.css # Global styles
components/ # React components
hooks/ # Custom React hooks
public/ # Static assets
types/ # TypeScript definitions
```
## 🎨 Design System
- Follows atomic design principles
- Uses CSS variables for theming
- Supports light/dark modes
- Implements WCAG 2.1 AA standards
## ♿ Accessibility Features
- High contrast mode
- Reduced motion preferences
- Large text options
- Screen reader optimized
- Keyboard navigation support
## 🧪 Testing
Run the test suite:
```bash
npm test
```
We use:
- Jest for unit testing
- React Testing Library for component testing
- Integration tests for game mechanics
## 📝 Development Guidelines
- Use TypeScript for all new components
- Follow atomic design principles
- Add JSDoc comments for functions and components
- Ensure accessibility compliance
- Test new features thoroughly
## 🚀 Deployment
The game is automatically deployed to GitHub Pages on main branch updates. The deployment workflow is handled by GitHub Actions.
To build for production:
```bash
npm run build
```
## 🤝 Contributing
1. Fork the repository
2. Create your feature branch
3. Follow our development guidelines
4. Ensure tests pass
5. Submit a pull request
## 📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
---
Built with ❤️ for the WeCoded Challenge 2025