All Projects

{"title":"React Website","description":"Welcome to my React Portfolio, I will be demonstrating my proficiency in front-end development and user-centric design. This React Built Site, offers a seamless, responsive, and visually experience that displays my understanding of dynamic web applications, React\u0027s component-based architecture, responsive user interfaces, state management, and modern development practices.","project_brief":"Welcome to my React Portfolio, I will be demonstrating my proficiency in front-end development and user-centric design. This React Built Site, offers a seamless, responsive, and visually experience that displays my understanding of dynamic web applications, React\u0027s component-based architecture, responsive user interfaces, state management, and modern development practices.","tech_info":"","type":"Website","status":"past","start_date":"2020-01-07","end_date":"","link":"https:\/\/saltirewebsites.com\/ReactSite\/","image":"assets\/proj_68e57ce01bfa14.85588912.png"}

{"title":"React Games","description":"Welcome to my game dashborad where you are able view the game I have created with React, css grid or js canvas technics. I will be adding more complexed games to this dashboard and giving a more detailed look in to their structure.","project_brief":"Welcome to my game dashborad where you are able view the game I have created with React, css grid or js canvas technics. I will be adding more complexed games to this dashboard and giving a more detailed look in to their structure.","tech_info":"","type":"Website","status":"past","start_date":"2020-01-07","end_date":"","link":"https:\/\/saltirewebsites.com\/ReactGames\/","image":"assets\/proj_68e57e88639788.14010836.png"}

{"title":"Greater Craigmillar Community Calendar","description":"This website is your local hub for everything happening across Greater Craigmillar, you can explore events, follow your favourite groups, join fun community challenges. It\u2019s designed to be simple, friendly, and a fun way to stay connected with what\u2019s going on in your area.","project_brief":"A community-driven calendar platform that allows local groups and organisations to post events, share information, and engage residents. Features include event listings, group following, community challenges, and user engagement tracking. Built with PHP\/MySQL and custom CSS\/JS.","tech_info":"Backend: PHP (vanilla), MySQL, PDO for database connections\r\n\r\nFrontend: HTML5, CSS3, JavaScript, Bootstrap 5\r\n\r\nFeatures: Session management, user roles (masterAdmin, groupAdmin, user), event management, poster uploads, QR code generation, community resources, points system for challenges\r\n\r\nSecurity: Password hashing, session validation, input sanitization, prepared statements","type":"Website","status":"current","start_date":"2025-11-25","end_date":"on-going","link":"https:\/\/sandyscommunitycentre.com\/CraigmillarCal\/","image":"assets\/proj_699dc17e81aed5.77343448.png"}

{"title":"Sandy\u0027s Committee Panel (CPanel)","description":"A private, secure committee management platform for Sandy\u0027s Community Centre. This space keeps committee members connected and in the loop with everything happening at Sandy\u0027s. It serves as a central hub that gathers all needed documents for committee meetings, provides easy navigation to different areas, and streamlines communication between members.","project_brief":"A custom-built committee management system featuring:\r\n\r\nPanel Dashboard: Central hub with meeting alerts and announcements\r\n\r\nDocuments Library: Organized storage for minutes, reports, agendas, and accounts\r\n\r\nNoticeboard: Committee announcements and updates\r\n\r\nJob Applications: Track and manage staff applications\r\n\r\nAnalytics: Committee engagement and document access stats\r\n\r\nDevelopment Area: User feedback and improvement suggestions\r\n\r\nProfile Management: Member profiles for record keeping\r\n\r\nMeeting Alerts: Automated reminders for upcoming committee meetings\r\n\r\nThe system is designed to be simple, intuitive, and accessible for committee members of all technical abilities, with information icons guiding users through each area.","tech_info":"Backend: PHP, MySQL, PDO for secure database connections\r\n\r\nFrontend: HTML5, CSS3, JavaScript, Bootstrap 5\r\n\r\nFeatures: Role-based access control, document upload\/download, file management, user authentication, session management, activity logging, feedback system\r\n\r\nSecurity: Password hashing, session validation, role verification, file type restrictions, prepared statements\r\n\r\nKey Modules: Panel dashboard, document library, noticeboard, job applications, analytics, development feedback hub","type":"Website","status":"past","start_date":"2025-07-25","end_date":"on-going","link":"https:\/\/sandyscommunitycentre.com\/CraigmillarCal\/cpanel\/","image":"assets\/proj_699dc32cf12853.27689553.png"}

{"title":"bainsretrosweets.co.uk","description":"The Bains Retro Sweets project is a comprehensive e-commerce web application designed to manage and showcase retro sweet products. It includes a dynamic product management system, a Sweetie Cart Hire wizard, a CMS for content creation, a fully functional shopping cart, a postage calculator, and a price limitation system.","project_brief":"\r\n\ud83d\udcbc **Purpose**: To develop a fully functional e-commerce platform for Bains Retro Sweets, providing an online presence and facilitating the sale of retro sweets. The website features a sweetie cart hire system and an easy-to-use product catalog.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83c\udf6c **E-commerce Store**: Full product catalog, shopping cart, and payment integration.\r\n- \ud83d\uded2 **Sweetie Cart Hire System**: Custom booking and rental system for sweet cart hire.\r\n- \ud83d\udcb3 **Secure Payment**: Integration with PayPal for secure online payments.\r\n- \ud83d\udce6 **Inventory Management**: Real-time stock management system.\r\n\r\n\ud83d\udd27 **Technologies & Skills**: \r\n- E-commerce Solutions\r\n- Payment Integration\r\n- PHP & MySQL\r\n- UI\/UX Design\r\n\r\n\ud83d\udccc **Outcome**: Delivered a fully functional e-commerce website that enhanced sales and customer experience with secure payment processing and efficient inventory management.","tech_info":"? **Tools and Technologies Used**: PHP, MySQL, Bootstrap, JavaScript, WooCommerce, PayPal & Stripe Integration.\r\nApplication Systems Developed: E-commerce Platform, Cart Hire System, Order Management System.\r\nIntegrations and External Systems: PayPal API, Stripe API, WooCommerce.\r\nBackend Infrastructure: PHP, MySQL, WooCommerce for Order Management.\r\nFrontend Infrastructure: HTML5, CSS3, JavaScript, Bootstrap, Responsive Design.\r\nSecurity and Stability: CSRF Protection, SQL Prepared Statements, Secure File Management.\r\nTechnical Challenges and Solutions: Integration with payment gateways and inventory management.\r\nPerformance Enhancements: Improved checkout flow, optimized load times.\r\nDigital Strategy Planning: SEO Optimizations, Regular Feature Updates.","type":"Website","status":"current","start_date":"2015-11-13","end_date":"Ongoing","link":"https:\/\/bainsretrosweets.co.uk\/BainsSite\/","image":"assets\/Bainsretrosweets.png"}

{"title":"communityalliancetrust.com","description":"Website + CMS + Newsletter application","project_brief":"\ud83d\udcbc **Purpose**: To enhance the community\u2019s decision-making processes through efficient data collection and insightful analysis.\r\n\ud83d\udcdd **Features**:\r\n- \ud83d\udcf0 **Dynamic Content Management**: A custom-built CMS for managing news, updates, and community content.\r\n- \ud83d\udcca **Newsletter Integration**: Allows automatic sending of community newsletters.\r\n- \ud83c\udfe0 **Resource Directory**: A list of services, events, and community resources for public access.\r\n- \ud83c\udf0d **Interactive Map**: A feature-rich map highlighting key community locations.\r\n\r\n\ud83d\udd27 **Technologies & Skills**:\r\n- Backend: PHP, MySQL.\r\n- Frontend: HTML5, CSS3, JavaScript, jQuery, Bootstrap.","tech_info":"\ud83d\udcbb **Tools and Technologies Used**: PHP, MySQL, Bootstrap, JavaScript, jQuery.\r\n\ud83d\udee0\ufe0f **Application Systems Developed**: Custom CMS for content management, Newsletter Integration, Resource Directory, Interactive Map.\r\n\ud83d\udd0c **Integrations and External Systems**: N\/A.\r\n\u2699\ufe0f **Backend Infrastructure**: PHP 7.4, MySQL for database management, Custom-built CMS for flexibility.\r\n\ud83c\udfa8 **Frontend Infrastructure**: HTML5, CSS3, Bootstrap for responsive UI, JavaScript, jQuery for dynamic features.\r\n\ud83d\udd12 **Security and Stability**: SQL Prepared Statements for security, secure session management.\r\n\u26a1 **Technical Challenges and Solutions**: Ensuring smooth user interaction with large data sets and dynamic content management.\r\n\ud83d\ude80 **Performance Enhancements**: Optimized content delivery and map data fetching.\r\n\ud83d\udcc8 **Digital Strategy Planning**: Focus on accessibility and improving community engagement through easy-to-navigate features.","type":"Website","status":"past","start_date":"0000-00-00","end_date":"","link":"https:\/\/communityalliancetrust.com\/Site\/","image":"assets\/CatLogo.png"}

{"title":"sandyscommunitycentre.com","description":"Sandy\u0027s Website + CMS + Survey Data Gathering System is a comprehensive, user-friendly solution designed to empower Sandy\u0027s Community Centre with a custom-built website and content management system (CMS). The website allows for seamless navigation and interaction, providing visitors with essential information about the community\u0027s services, events, and initiatives.","project_brief":"\r\n\ud83d\udcbc **Purpose**: To provide a centralized, easy-to-use platform for managing and displaying Sandy\u2019s Community Centre content. This website integrates a custom CMS for effortless content updates and features a robust data gathering system for community surveys.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83c\udf10 **Custom CMS**: Enables admins to update pages, posts, and media content easily.\r\n- \ud83d\udcca **Survey Data Collection**: Gathering and analyzing community feedback for improved services.\r\n- \ud83d\udee0\ufe0f **Content Management**: Full control over managing sections, articles, and community data.\r\n\r\n\ud83d\udd27 **Technologies & Skills**: \r\n- Web Development\r\n- Content Management Systems (CMS)\r\n- Survey Integration\r\n- Data Analytics\r\n\r\n\ud83d\udccc **Outcome**: Developed a user-friendly CMS to streamline content management, enhancing community engagement and facilitating strategic decision-making.","tech_info":"\ud83d\udcbc **Tools and Technologies Used**: PHP, MySQL, Bootstrap, JavaScript, jQuery.\r\n\ud83d\udccb **Application Systems Developed**: Website, Custom CMS for easy content management.\r\n\ud83d\udd17 **Integrations and External Systems**: None.\r\n\ud83d\udd27 **Backend Infrastructure**: PHP 8, MySQL, Secure File Handling, Custom CMS.\r\n\ud83d\udcbb **Frontend Infrastructure**: HTML5, CSS3, JavaScript, Bootstrap.\r\n\ud83d\udd12 **Security and Stability**: Secure Session Management, Input Validation.\r\n\u2699\ufe0f **Technical Challenges and Solutions**: Custom CMS implementation, SEO optimization.\r\n\ud83d\ude80 **Performance Enhancements**: Optimized website loading speed, improved mobile responsiveness.\r\n\ud83d\udcc8 **Digital Strategy Planning**: Focus on SEO optimization and mobile-first design.","type":"Website","status":"current","start_date":"2021-11-06","end_date":"Ongoing","link":"https:\/\/sandyscommunitycentre.com\/","image":"assets\/sandysLogo.png"}

{"title":"Sandy\u0027s Community Centre Survey app","description":"Sandy\u0027s Community Centre Survey App is a simple, efficient tool for collecting feedback from community members. It allows users to easily submit responses to surveys, helping the center gather valuable insights on various services and events. The app streamlines data collection, making it easier to analyze and improve community engagement.","project_brief":"\r\n <strong>\ud83d\udcbc Purpose:<\/strong> To enhance the community\u2019s decision-making processes through efficient data collection and insightful analysis.<br><br>\r\n\r\n <strong>\ud83d\udcdd Features:<\/strong><br>\r\n - \ud83d\udcca <strong>Structured Surveys & Polls:<\/strong> Customizable templates for various feedback needs.<br>\r\n - \ud83d\udcc8 <strong>Data Analysis Tools:<\/strong> Extract actionable insights for improved strategic planning.<br>\r\n - \ud83d\udd10 <strong>Security & Storage:<\/strong> Ensures data integrity and accessibility through secure storage mechanisms.<br>\r\n - \ud83c\udfa8 <strong>UI\/UX Design:<\/strong> Crafted for accessibility and user-friendliness, encouraging high engagement.<br>\r\n - \ud83c\udf10 <strong>Scalable Architecture:<\/strong> Supports diverse survey needs and expands functionality as required.<br><br>\r\n\r\n <strong>\ud83d\udd27 Technologies & Skills:<\/strong><br>\r\n - Database Management<br>\r\n - UI\/UX Design<br>\r\n - Backend Integration<br>\r\n - Analytical Reporting<br>\r\n - Security Protocols<br><br>\r\n\r\n <strong>\ud83d\udccc Outcome:<\/strong> Delivered a tailored solution aligned with the organization\u2019s objectives, enabling robust data-driven decision-making.\r\n","tech_info":"\r\n\ud83d\udcbc **Purpose**: To enhance the community\u2019s decision-making process through efficient data collection and insightful analysis.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83d\udcca **Survey Management**: Enables creation of structured surveys and polls for various community needs.\r\n- \ud83d\udcc8 **Data Analysis Tools**: Provides insights from collected data, aiding better decision-making.\r\n- \ud83d\udd10 **Data Security**: Ensures the integrity of data through secure storage and encryption.\r\n- \ud83c\udfa8 **User Interface**: Simple and accessible design aimed at increasing participation and ease of use.\r\n\r\n\ud83d\udd27 **Technologies & Skills**: \r\n- **Backend**: PHP, MySQL\r\n- **Frontend**: Bootstrap, JavaScript\r\n- **Security**: Secure Session Handling, Data Validation\r\n- **UI\/UX**: Focus on User-Centered Design, Easy Navigation\r\n\r\n\ud83d\udccc **Outcome**: A tailored survey application that helps the community gather meaningful feedback for improvement and future planning.","type":"Website","status":"past","start_date":"2024-10-05","end_date":"2024-12-15","link":"https:\/\/sandyscommunitycentre.com\/SurveyApp\/","image":"assets\/sandysSurveyApp.png"}

{"title":"craigmillarfestival.org","description":"Empowering our community through collaboration, creativity, and celebration. Together, we build a better Craigmillar & Niddrie.","project_brief":"\r\n\ud83d\udcbc **Purpose**: To empower the community through collaboration, creativity, and celebration. The Craigmillar Festival website provides a platform for event management, community outreach, and digital collaboration. It serves as a hub for festival schedules, activities, and cultural initiatives.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83d\udcc5 **Event Listings**: Display upcoming festival events with detailed schedules.\r\n- \ud83c\udfa8 **Multimedia Integration**: Showcase multimedia content such as images and videos from the festival.\r\n- \ud83d\udcdd **Community Engagement**: Allows users to contribute content, suggestions, and feedback.\r\n- \ud83d\udd0d **Search Functionality**: Easy navigation and search for specific festival activities.\r\n\r\n\ud83d\udd27 **Technologies & Skills**: \r\n- Full-stack Development\r\n- Event Management Systems\r\n- User-Generated Content\r\n- Responsive Design\r\n\r\n\ud83d\udccc **Outcome**: Created a digital presence for the Craigmillar Festival, fostering community involvement and participation in cultural activities.","tech_info":"? **Tools and Technologies Used**: PHP, MySQL, Bootstrap, JavaScript, Content Management System.\r\nApplication Systems Developed: Community Event Management System, CMS for Dynamic Content.\r\nIntegrations and External Systems: Google Analytics, Social Media Sharing.\r\nBackend Infrastructure: PHP, MySQL for Dynamic Content Management.\r\nFrontend Infrastructure: HTML5, CSS3, JavaScript, Bootstrap, Responsive Design.\r\nSecurity and Stability: SQL Prepared Statements, Session Management, Secure Content Management.\r\nTechnical Challenges and Solutions: Managing large data sets and ensuring security.\r\nPerformance Enhancements: Optimized load times for faster content delivery.\r\nDigital Strategy Planning: Focused on community engagement and content strategy.","type":"Website","status":"current","start_date":null,"end_date":null,"link":"https:\/\/craigmillarfestival.org\/","image":"assets\/Logo.png"}

{"title":"ESG","description":"The East Synergy Group (ESG) is a coalition of organisations working in the Greater Craigmillar Area of Edinburgh. This area includes Niddrie Mill, Niddrie Mains, Niddrie Marshall, Greendykes, Craigmillar Castle, Newcraighall, Bingham, and Magdalene.","project_brief":"\ud83d\udcbc Purpose: To streamline environmental, social, and governance (ESG) data collection and reporting for The East Synergy Group (ESG), offering a scalable solution for tracking ESG compliance.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83c\udfe2 **ESG Data Collection**: Collecting detailed data on environmental, social, and governance efforts across multiple organizations.\r\n- \ud83d\udcc8 **Reporting**: Generating customized ESG reports to support compliance, audits, and strategic decisions.\r\n- \ud83e\uddd1\u200d\ud83d\udcbb **User-Friendly Interface**: Intuitive interface to input and track ESG metrics over time.\r\n- \ud83d\udd10 **Data Security**: Ensuring secure data storage and transfer using HTTPS and secure authentication methods.\r\n\r\n\ud83d\udd27 **Technologies & Skills**:\r\n- Node.js\r\n- Express.js\r\n- MongoDB\r\n- React\r\n\r\n\ud83d\udccc **Outcome**: Delivered a fully operational ESG data management platform for compliance and reporting, streamlining the tracking process for sustainable practices.\r\n","tech_info":"Tools and Technologies Used: Node.js, Express.js, MongoDB, React, RESTful APIs, JWT Authentication, HTTPS.\r\nApplication Systems Developed: Environmental Data System, Community Engagement Tools, Data Analysis Dashboard.\r\nIntegrations and External Systems: N\/A.\r\nBackend Infrastructure: Node.js, Express, MongoDB.\r\nFrontend Infrastructure: React, Bootstrap, Axios for API calls.\r\nSecurity and Stability: HTTPS, JWT Authentication, Data Validation.\r\nTechnical Challenges and Solutions: Implementing secure login and managing real-time data.\r\nPerformance Enhancements: Reduced Server Response Time, Optimized API Calls.\r\nDigital Strategy Planning: Focused on environmental data reporting and user interaction.","type":"Website","status":"current","start_date":"2024-08-05","end_date":"Ongoing","link":"https:\/\/communityalliancetrust.com\/Apps\/ESG\/index.php","image":"assets\/ESG-log.png"}

{"title":"My JS Showcase","description":"I am happy to report I have completed my JS basics showcase, have a wee look.","project_brief":"\r\n\ud83d\udcbc **Purpose**: To showcase my foundational JavaScript skills and demonstrate my ability to create interactive web applications.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83c\udfae **Interactive Components**: Showcasing various interactive elements such as dynamic forms, data visualization, and user input handling.\r\n- \ud83d\ude80 **JavaScript Fundamentals**: A variety of JavaScript concepts such as DOM manipulation, event handling, and data handling.\r\n\r\n\ud83d\udd27 **Technologies & Skills**: \r\n- JavaScript\r\n- HTML5\r\n- CSS3\r\n\r\n\ud83d\udccc **Outcome**: A solid demonstration of my foundational skills in JavaScript, providing a dynamic and engaging user experience.\r\n","tech_info":"? **Tools and Technologies Used**: JavaScript, HTML5, CSS3, DOM Manipulation, Event Handling.\r\nApplication Systems Developed: Interactive UI, Dynamic Content Rendering.\r\nIntegrations and External Systems: N\/A.\r\nBackend Infrastructure: N\/A.\r\nFrontend Infrastructure: HTML5, CSS3, JavaScript, DOM Manipulation.\r\nSecurity and Stability: N\/A.\r\nTechnical Challenges and Solutions: Handling user inputs and dynamic updates.\r\nPerformance Enhancements: Optimized for fast interaction and minimal lag.\r\nDigital Strategy Planning: User-centered design for a seamless experience.","type":"Website","status":"past","start_date":null,"end_date":null,"link":"https:\/\/saltirewebsites.com\/MyPortfolio\/JS-Showcase\/","image":"assets\/JavaSite.png"}

{"title":"Sandy\u2019s Outcome Data & Display System","description":"Dynamic dashboard to display and track outcome metrics and data visualisations.","project_brief":"\ud83d\udcbc Purpose: To monitor community outcome KPIs through data dashboards.","tech_info":"\ud83d\udcbb Tools: PHP, MySQL, Chart.js, Bootstrap","type":"Website","status":"past","start_date":"0000-00-00","end_date":"","link":"https:\/\/sandyscommunitycentre.com\/Outcomes","image":"assets\/sandysOutcome.png"}

{"title":"Item Cataloger","description":"Item categorising application","project_brief":"Orginisation Application that uses the photo camara.","tech_info":"","type":"App","status":"past","start_date":"2024-05-09","end_date":"","link":"https:\/\/saltirewebsites.com\/DevArea\/ItemCategorizer\/","image":"assets\/proj_68e820514df332.64076980.png"}

{"title":"Sandy\u0027s QR Gen","description":"This application is designed to streamline the process of generating QR codes for various event-related activities. It helps you create, manage, and track events, clubs, and services, allowing you to collect valuable feedback and track attendee participation. Below are the key features and actions available to you:","project_brief":"\r\n\ud83d\udcbc **Purpose**: To streamline the process of generating and managing QR codes for various events and community engagement activities. The application allows for the creation, management, and tracking of event-specific QR codes, making it easy for attendees to access event details, surveys, and other important resources quickly.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83d\udcca **QR Code Generation**: Create dynamic QR codes for multiple event types.\r\n- \ud83d\udd0d **Event Tracking**: Monitor the usage and effectiveness of each QR code, gathering data on attendee engagement.\r\n- \ud83d\udcc5 **Event Scheduling**: Users can schedule events and automatically generate QR codes for them.\r\n\r\n\ud83d\udd27 **Technologies & Skills**: \r\n- Database Management\r\n- QR Code Generation\r\n- Backend Integration\r\n- Event Tracking\r\n- Analytics\r\n\r\n\ud83d\udccc **Outcome**: Delivered an efficient tool for event organizers, enabling them to manage event participation and feedback through dynamic QR code generation and usage analytics.","tech_info":"\r\n\ud83d\udcbc **Purpose**: To streamline the process of generating and managing user feedback efficiently.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83d\udcdd **Survey Creation**: Easily create and manage surveys tailored to specific needs.\r\n- \ud83e\udde9 **Data Aggregation**: Collect feedback and generate reports.\r\n- \ud83d\udee0\ufe0f **Admin Controls**: Admin panel for managing surveys and reviewing collected data.\r\n\r\n\ud83d\udd27 **Technologies & Skills**: \r\n- **Backend**: PHP, MySQL\r\n- **Frontend**: Bootstrap, JavaScript, jQuery\r\n- **Security**: JWT Token-based Authentication, Data Validation\r\n- **UI\/UX**: User-Friendly Interface, Responsive Design\r\n\r\n\ud83d\udccc **Outcome**: A solution that simplifies the feedback process and improves the overall experience of gathering user insights.","type":"App","status":"past","start_date":"2024-09-03","end_date":"Complete","link":"https:\/\/saltirewebsites.com\/DevArea\/Sandys_QR_Creator","image":"assets\/QRGenlogo.png"}

{"title":"Games Room","description":"Instant mini-games, live leaderboards, and friendly bragging rights. Pick a game, set your high score, and see your name in lights.","project_brief":"","tech_info":"","type":"Game","status":"past","start_date":"2023-05-08","end_date":"","link":"https:\/\/saltirewebsites.com\/site\/Eventify\/display_games.php","image":"assets\/proj_68e6321e901c27.33725596.png"}

{"title":"Castle View Nursery - Memory Game","description":"This memory game was specifically created to help calm children at Castle View Nursery during the emotional moment when parents or guardians drop them off. The game, displayed on a large touch screen, offers an engaging and playful way to distract and soothe the children as they adjust to their environment. ","project_brief":"\r\n\ud83d\udcbc **Purpose**: To create an interactive and engaging memory game, aimed at enhancing cognitive skills through pattern recognition and memory exercises.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83e\udde0 **Memory Challenge**: The game provides an enjoyable way for users to test and improve their memory by matching pairs of cards.\r\n- \ud83c\udfae **User-Friendly Interface**: Simple and intuitive design ensuring an easy learning curve for users of all ages.\r\n- \u23f3 **Timed Challenges**: Tracks time taken to complete the game, providing a challenge for users to improve their performance.\r\n- \ud83c\udfc6 **Score Tracking**: Keeps track of user scores to foster a competitive spirit and progress tracking.\r\n\r\n\ud83d\udd27 **Technologies & Skills**:\r\n- Frontend Development (JavaScript, HTML, CSS)\r\n- Game Development Principles\r\n- Web Design and User Experience (UI\/UX)\r\n\r\n\ud83d\udccc **Outcome**: Delivered an engaging memory game that fosters brain exercise through a fun and interactive interface, perfect for users of all ages.\r\n","tech_info":"? **Tools and Technologies Used**: JavaScript, HTML, CSS, Game Development, DOM Manipulation, Event Handling.\r\nApplication Systems Developed: Memory Matching Game, User Interaction.\r\nIntegrations and External Systems: N\/A.\r\nBackend Infrastructure: N\/A.\r\nFrontend Infrastructure: JavaScript, HTML, CSS, DOM Manipulation.\r\nSecurity and Stability: N\/A.\r\nTechnical Challenges and Solutions: Game logic for matching cards and resetting game state.\r\nPerformance Enhancements: Optimized for quick UI response and minimal delay.\r\nDigital Strategy Planning: User-centered design for a fun and challenging experience.","type":"Game","status":"past","start_date":null,"end_date":null,"link":"https:\/\/saltirewebsites.com\/ReactGames\/MemoryGame\/","image":"assets\/CastleViewLink.png"}

{"title":"Snake-css-grid","description":"This game is excellent for showcasing multiple ways to create a game. It introduced me to the CSS Grid method, which opened my eyes to its potential. I\u0027ve been working with CSS and CSS3 for years, but this was a wake-up call.","project_brief":"\r\n\ud83d\udcbc **Purpose**: To provide a simple, intuitive application for generating CSS grid layouts with ease, making it easier for developers to implement grid-based designs.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83c\udfae **CSS Grid Generation**: A tool for generating CSS grid layouts dynamically.\r\n- \ud83d\udda5\ufe0f **Responsive Design**: Ensures that generated grids are responsive, providing an optimal layout on different devices.\r\n- \ud83e\udde9 **Customization**: Allows users to customize grid settings such as rows, columns, and gaps.\r\n\r\n\ud83d\udd27 **Technologies & Skills**:\r\n- HTML5\r\n- CSS3\r\n- JavaScript\r\n- CSS Grid Layout\r\n\r\n\ud83d\udccc **Outcome**: Delivered a tool that streamlines CSS grid generation, making it easier for developers to create responsive grid-based layouts.\r\n","tech_info":"? **Tools and Technologies Used**: HTML5, CSS3, JavaScript, CSS Grid Layout, Responsive Design.\r\nApplication Systems Developed: Interactive Snake Game, Dynamic Grid Layout.\r\nIntegrations and External Systems: N\/A.\r\nBackend Infrastructure: N\/A.\r\nFrontend Infrastructure: HTML5, CSS3, JavaScript, CSS Grid Layout.\r\nSecurity and Stability: N\/A.\r\nTechnical Challenges and Solutions: Handling real-time grid updates and managing snake movement.\r\nPerformance Enhancements: Optimized grid for smooth gameplay and quick load times.\r\nDigital Strategy Planning: Focused on intuitive controls and responsive design.","type":"Game","status":"past","start_date":null,"end_date":null,"link":"https:\/\/saltirewebsites.com\/ReactGames\/Snake-css-grid\/","image":"assets\/Megif-maker.png"}

{"title":"Tetris","description":"This Tetris game was created to help children focus and relax, ideal for touch screens in interactive environments. It features dynamic gameplay and colorful visuals, making it both fun and educational. The game is designed to encourage problem-solving and coordination while providing a stress-free experience.","project_brief":"\r\n\ud83d\udcbc **Purpose**: To build an interactive Tetris game, offering users a classic puzzle game experience with a modern, responsive web interface.\r\n\r\n\ud83d\udcdd **Features**:\r\n- \ud83c\udfae **Classic Tetris Gameplay**: Players can rotate and position falling blocks to complete rows and score points.\r\n- \u23f1\ufe0f **Time Challenge Mode**: A time-based challenge mode for more experienced players.\r\n- \ud83c\udfc6 **Scoreboard**: Tracks user scores, encouraging users to compete for the best performance.\r\n- \ud83d\udcf1 **Responsive Design**: The game is optimized for both desktop and mobile devices for a seamless user experience.\r\n\r\n\ud83d\udd27 **Technologies & Skills**:\r\n- JavaScript for game logic and functionality\r\n- HTML5 Canvas for rendering the game\r\n- Responsive Web Design using CSS\r\n\r\n\ud83d\udccc **Outcome**: Delivered a fully functional, responsive Tetris game that blends nostalgia with modern web technologies, providing a fun challenge for users.\r\n","tech_info":"? **Tools and Technologies Used**: JavaScript, HTML, CSS, Game Development, Event Handling.\r\nApplication Systems Developed: Interactive Tetris Game, Real-Time User Inputs.\r\nIntegrations and External Systems: N\/A.\r\nBackend Infrastructure: N\/A.\r\nFrontend Infrastructure: JavaScript, HTML, CSS, Event Handling.\r\nSecurity and Stability: N\/A.\r\nTechnical Challenges and Solutions: Game logic for piece movement and rotation.\r\nPerformance Enhancements: Optimized for smooth transitions and animations.\r\nDigital Strategy Planning: Focused on user interaction and providing a classic game experience.","type":"Game","status":"past","start_date":null,"end_date":null,"link":"https:\/\/saltirewebsites.com\/ReactGames\/Tetris\/Tetris.html","image":"assets\/tetris-logo.png"}