ClashBytes Landing Webpage

Developed by Josh Kenn Viray, Jam Meisy Tan, Wilmargherix Castañeda, Jasmine Aubrey De Guia, Edrine Frances Esguerra

Overview

ClashBytes is a learning platform that transforms online courses into an interactive, engaging, and competitive experience. Our mission is to empower secondary education learners, particularly those who have the potential but lack the means to pursue their studies. We aim to close the skills gap, ensuring no one is left behind in the digital revolution.

This project is initialized with the following packages:

• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework.
• PostCSS: A tool for transforming CSS with JavaScript plugins.
• Autoprefixer: A PostCSS plugin to parse CSS and add vendor prefixes.
• Prettier: An opinionated code formatter.
• Prettier-plugin-tailwindcss: A Prettier plugin for Tailwind CSS.
• React Icons: Popular icons for React projects.
• React Router DOM: Declarative routing for React applications.
• JSON Server: A full fake REST API with zero coding.
• CodeMirror: A versatile text editor implemented in JavaScript for the browser.

Installation

To set up the ClashBytes landing webpage locally, follow these steps:

1. Install the necessary packages:

   npm install

2. Run the development server:

   npm run dev

Features

• Interactive Learning: Engages users with a gamified experience.
• Competitive Environment: Encourages learners to compete and excel.
• Focus on Accessibility: Targets secondary education learners, especially those with limited resources.

Contributing

We welcome contributions! If you have any ideas or find any issues, please feel free to submit a pull request or open an issue.