About the Project

National Youth Bike Council aims to provide an active learning space for young cyclists to boost youth voice in the bicycle industry through peer leadership. The organization already had a multipage website but was looking to set up a new website using a Content Management System (CMS). The ask was to create a simple web design along with flexible & organized interface to manage the content.

Features of the App

1. Responsive webpage
2. A single-page web app with multiple views
3. Subtle animations on page scroll
4. Custom-designed components for blog posts, dropdowns, and pagination
5. Content management by integrating the web app with Strapi, to give the flexibility to modify all the data in the web app
6. Images & videos hosted at Cloudinary for fast delivery via CDN
7. Fully accessible and SEO optimized web app as per Google Lighthouse Report

Demo

website-screen-recording-mini.mp4

Technologies and Standards Used for Frontend

1. HTML (Hyper Text Markup Language)
2. CSS (Cascading Style Sheets)
3. Tailwind CSS
4. React.js
5. Framer Motion for Animation Effects

Technologies and Standards Used for Backend

Strapi an an open source headless CMS that allows for the rapid development of RESTful APIs.

Product Design Specification

You can view the product specification document here

Live Webapp

Visit the live website - here.