Yennenga Progress website

MVP project of the website for the non-profit organization Yennenga Progress as part of the 'Code & Collaborate' course, Hyper Island.

This is a website where you can view information about the organization, its history, partners and goals, its past and current projects, how users can engage themselves, and news. In the future, there are plans to develop a donation functionality, a subscription option to become a member, integrate an AI function so that the website can be available in different languages, make the website SEO-friendly and accessible on different devices, complete all pages of the website, and implement SSR to enhance performance.

Purpose and content of the course "Code and Collaborate"

• Explore the more collaborative aspects of coding by working together in a cross-functional team to design and develop a website from scratch.
• Get the opportunity to explore and apply design thinking principles and agile development methodologies.
• Learn different aspects of code quality and tools and principles to write high-quality code.

Hyper Island's Project Brief

• Create and iterate on user interfaces using design thinking principles, including wireframing, prototyping, and testing with users.
• Understand and apply agile development principles and methodologies.
• Analyse and break down design mockups into reusable components, including identifying patterns and common elements that can be abstracted into a design system.
• Identify key principles of code quality such as maintainability and readability, and methods for applying them, as well as using quality assurance tools such as code review processes, linters, and automated testing.

Tools and stack:

• HTML / CSS / Tailwindcss / React.js / Contentful CMS / Vitest / Chakra

Project links:

Website: Visit our website

Third-party libraries:

• CSS framework Tailwindcss: Tailwind
• Custom Content Management Contentful: Contentful
• Component library Chakra:Chakra
• Documentation generator in HTML jsdoc:jsdoc
• JavaScript Testing Jest:Vitest

Project Setup Instructions:

To set up this project locally, follow the steps below:

To open the website locally:

1. Clone the Repository:

   https://github.com/hyper-island-collaboration-work/yennenga-progress-group-3.git

2. Install dependencies:

   npm install

3. Running the website:

   npm run dev

4. Open website locally