Code Monkey home page Code Monkey logo

fansite's Introduction

Fan Site

This is a mock fan site for one of my favorite bands

It's built in HTML, CSS, and JS, and is responsive at mobile, tablet, and desktop viewports.

See it live here: https://bennygoldman.github.io/fansite/

The Comment section uses JavaScript to make requests to an external API: GET, PUT, and DELETE existing data, POST new data from a front-end form, and render the data to the DOM.

The concept and design are based closely on an assignment I completed for bootcamp, with modifications to further develop my skillset.

Key differences between the original assignment and this "Fansite":

Original

  • Required BEM-style class names for HTML elements.
  • Used SASS and @mixin/$variable features to write CSS.
  • Used the Axios library to make HTTP requests to an external API

New

  • HTML is semantic wherever possible. I limited class names and kept extraneous wrappers to a minimum, working from a component-focused, scoped-styling structure.
  • CSS is vanilla without any pre- or post-processors. I wanted to to try native variable naming and new nesting features.
  • JavaScript uses built-in fetch API to interact with the server.

This was a fun challenge and a great personal experience to see how my code has evolved from bootcamp to now.

fansite's People

Contributors

bennygoldman avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.