Code Monkey home page Code Monkey logo

codeconnect's Introduction

Live Link: https://mikerniker.github.io/CodeConnect/

Week Topics To Do
Week 1
  • BEM Naming Convention (~ basic implementation)
  • Estimations
  • Atomic approach to building websites
  • Estimates
  • Theme structure (+ repo)
  • Codebase setup
  • Header (static)
  • Footer
  • At least 1 block from the home page
Week 2 Review BEM and Atomic Design
  • Fix header and footer
  • Organize code
Week 3 N/A Main page blocks
Week 4
  • Using containers
  • Widths/max/min-widths
  • Block heights
  • CSS naming
  • Single responsibility
  • Using/working with Figma
  • Main page blocks
  • Meeting: July 5, 2024
Week 5
  • Review containers
  • Widths/max/min-widths
  • HTML Block and Inline Elements
  • Fix main page blocks
  • Meeting: July 12, 2024
Week 6 N/A Video:
  • Fix main page blocks
  • Review Heading hierarchy.
  • Make Accessible Clickable cards
  • No Meeting: July 19, 2024
Week 7
  • Vanilla Javascript
  • Create a Counter that increments/decrements up to 0
  • Finish Single Pages
  • Create another repo for Page 2 Figma file
  • Work on Event and News Pages and Single Page
  • Meeting: July 30, 2024
Week 8
  • Vanilla Javascript
  • Finish "Page 2" design
  • Implement search modal (Update design)
  • JS challenge: Create an accordion
  • Fix layout of output
  • Implement hamburger/responsive menu
  • Meeting: August 2, 2024
Week 9
  • Vanilla Javascript
  • Finish the search popup in the header
  • Finish header menu for mobile
  • JS Challenge: Light and Dark mode toggle button
  • JS Challenge: Create a form that shows a custom error message
  • No Meeting: August 9, 2024

JS Challenges:

  • Create a Counter that increments/decrements up to 0
  • Create an accordion
  • Search popup in the header
  • Implement hamburger/responsive menu
  • Light and Dark mode toggle button
  • Create a form that shows a custom error message

References and Resources:

To Do:

Header and Footer

  • Add Header Atoms
  • Add images and icons
  • Fix Search svg
  • Make components
  • Fix Responsiveness
  • Make Initial Header Block
  • Other: ______

HomePage Blocks:

  • Atoms: To do Button outline
  • Components
  • Add Images and Icons
  • Fix Responsiveness
  • Fix Alignment and Sizing
  • Other: ______

codeconnect's People

Contributors

mikerniker avatar

Watchers

 avatar

codeconnect's Issues

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.