https://github.com/sulavgaire/top-stories

TECH CENTRAL - TEST TASK for the position of Senior Front-End Developer.
https://github.com/sulavgaire/top-stories

article frontend grid gulp sass seo

Last synced: about 1 month ago
JSON representation

TECH CENTRAL - TEST TASK for the position of Senior Front-End Developer.

• Host: GitHub
• URL: https://github.com/sulavgaire/top-stories
• Owner: SulavGaire
• Created: 2024-05-17T14:00:41.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-19T08:13:10.000Z (6 months ago)
• Last Synced: 2024-10-11T20:40:36.174Z (about 1 month ago)
• Topics: article, frontend, grid, gulp, sass, seo
• Language: HTML
• Homepage: https://sulavgaire.github.io/Top-stories/
• Size: 683 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Top-stories

[Final Product](https://sulavgaire.github.io/Top-stories/)

![Top-stories]()

## Build Tools

    Use Gulp and SASS for this task.

## No External Libraries

    Use Vanilla CSS, no bootstrap or tailwind

    Use vanilla JavaScript for any interactivity.

## Class Naming and HTML Structure

    Avoid deep nesting of HTML elements.

    Use a naming convention that will result in the lowest output html file size

## SEO

     Use semantic HTML elements.

     Implement schema markup for the articles.

## Setup

- clone the repo

- open terminal and run

` npm run start`

- visit to http://localhost:3000/

## References 

- [Gulp setup](https://www.youtube.com/watch?v=ubHwScDfRQA&t=3s)

- [CSS Grid](https://www.youtube.com/watch?v=rg7Fvvl3taU)

- [SEO check](https://validator.schema.org/)

- [SEO guide](https://developers.google.com/search/docs/fundamentals/seo-starter-guide)

## note

Had alot fun doing this, learned alot. This was the `TECH CENTRAL - TEST TASK` for the position of `Senior Front-End Developer` completed with in 24 hrs.🤞