Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kleeedolinux/synnergy
Synnergy Circle Games Website redesign
https://github.com/kleeedolinux/synnergy
alpacapaca brazil next nextjs redesign redesign-project redesigned synnergy synnergycirclegames vercel
Last synced: 13 days ago
JSON representation
Synnergy Circle Games Website redesign
- Host: GitHub
- URL: https://github.com/kleeedolinux/synnergy
- Owner: kleeedolinux
- License: other
- Created: 2024-12-01T02:12:10.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2024-12-04T04:14:04.000Z (about 1 month ago)
- Last Synced: 2024-12-20T09:16:31.301Z (21 days ago)
- Topics: alpacapaca, brazil, next, nextjs, redesign, redesign-project, redesigned, synnergy, synnergycirclegames, vercel
- Language: TypeScript
- Homepage: https://www.synnergycirclegames.com/
- Size: 1.78 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Synnergy Circle Games Website Redesign
## About This Project
This is a modern redesign of the Synnergy Circle Games website, originally created for Kyrodev (Leonardo Prado Cosenza). The previous WordPress site was redesigned into a fast, responsive, and user-friendly Next.js application.
### Key Features
- 🎮 Dynamic game portfolio with status indicators (Released/Demo/Coming Soon)
- 🌓 Dark/Light mode support
- 🔍 Real-time game search functionality
- 📱 Fully responsive design
- ⚡ Fast loading and optimized performance
- 🎨 Modern UI with smooth animations
### Technical Stack
- **Framework**: Next.js 14
- **Styling**: Tailwind CSS
- **Icons**: Font Awesome
- **Animations**: Custom CSS animations
- **Image Optimization**: Next.js Image component
- **TypeScript**: For type safety and better development experience
### Project Structure
```
synergy/
├── app/
│ ├── data/
│ │ └── projects.ts # Game portfolio data
│ ├── layout.tsx # Main layout component
│ └── page.tsx # Main page component
├── public/ # Static assets (images, icons)
└── tailwind.config.ts # Tailwind configuration
```
### Features
1. **Game Portfolio**
- Easy-to-update game listing
- Support for multiple platforms (Steam, Xbox, Nintendo)
- Status indicators for game development stage
- Search functionality for games
2. **Modern Design**
- Clean and professional layout
- Smooth animations and transitions
- Consistent branding
- Improved user experience
3. **Social Integration**
- Direct links to social media
- Steam store integration
- Ko-fi support button
- Discord community link
## Why This Redesign?
The original WordPress site had limitations in terms of performance, user experience, and maintainability. This Next.js version offers:
- **Better Performance**: Faster loading times and smoother interactions
- **Easier Maintenance**: Structured code and simple content updates
- **Modern Features**: Real-time search, dark mode, and responsive design
- **Improved SEO**: Better meta tags and semantic HTML
- **Better User Experience**: Intuitive navigation and clean design
## Development
To run this project locally:
```bash
# Clone the repository
git clone [repository-url]
# Install dependencies
npm install
# Run the development server
npm run dev
```
## Credits
Developed by [Klee](https://github.com/kleeedolinux/) for Synnergy Circle Games.
## License
This project is proprietary and belongs to Synnergy Circle Games. All rights reserved.