Skip to content

A frontend competition designed to turn a landing page mockup into an user interface. Technos: ReactJs, Tailwindcss

Notifications You must be signed in to change notification settings

Nick-Kevin/WEEKLY_DECEMBER_FRONT_3

Repository files navigation

Pod of Cast

overview

This project was the third frontend competition during a hackathon known as "Weekly December" organized by GDG on Campus ISPM on December 2023. And we are thrilled to clue you in that we were the winner.

Table of contents

Introduction

The purpose was to integrate a landing page mockup in less than 48 hours. Here is the mockup link: https://bit.ly/3tm0eta. And here is the outcome of this repository: https://nick-kevin.github.io/WEEKLY_DECEMBER_FRONT_3/.

Rules

Here are the rules during the competition:

Fidelity to the Mockup (20 points)

Deduct 1 point for each notable inconsistency with the mockup.

Compliance with W3C Standards (20 points)

The jury used validator.w3.org and compute an average score.

Responsiveness (20 points)

. The provided mockups are not responsive, so it is up to the participants to create a responsive preview.
. Deduct 1 point for each notable flaw or inconsistency (e.g., spacing issues, horizontal scrolling, navbar problems, click issues, etc.).

Compatibility (20 points)

. The jury tested our outcomes on Google Chrome, Brave, Firefox, and Microsoft Edge. . For each browser where it does not function properly, deduct 5 points.

Performance (20 points)

Performance was measured using “Lighthouse” on Google Chrome, and points were be awarded based on the results of this performance test.

Bonus Points

Bonus points were awarded for the lightest projects and for the animations.

Installation

  1. Clone the repository:
   git clone https://github.com/Nick-Kevin/WEEKLY_DECEMBER_FRONT_3.git
  1. Enter in the folder:
   cd WEEKLY_DECEMBER_FRONT_3
  1. Install all dependencies:
   npm install
  1. Run the project:
   npm run dev

Then, open your browser at http://localhost:5173/WEEKLY_DECEMBER_FRONT_3 to see the website in action.

About

A frontend competition designed to turn a landing page mockup into an user interface. Technos: ReactJs, Tailwindcss

Topics

Resources

Stars

Watchers

Forks