Project-Unit-1

Outline of the project for Unit 1 using HTML, CSS & JavaScript

Project for Unit 1

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgments

About The Project

We are going for it! First project for the course, the task is simple enough. Build a website using everything we have learned in this unit. Try to take advantaje of the homework assignments that you have done yourself in the past to be able to apply some functionality for it.

Here are the requirements:

• Your time should be focused on creating something amazing. A project that solves a problem and helps others.
• You should implement DRY principles for the rest of your life 😄
• As a user you have to be able to navigate some information and display it.
• There needs to be some wireframing.
• There needs to be a readme.
• There needs to be a plan before hand that needs to be aproved by your instructor.
• The use of Bootstrap is optional.
• You have to use an API out of the options we give to fetch some information from the JSON.
• It needs to be responsive.

BONUS

• CRUD.

(back to top)

List of APIs

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

• Fake Store API
• POKEMON API
• Rick and Morty API
• Weather API
• Movies API

(back to top)

What do you need to get it approved before you start working?

• Step by step using Trello

  • [] Design
  • [] Backlog
  • [] To do
  • [] Doing
  • [] Code Review
  • [] Testing
  • [] Done

• Wireframes using Figma

• Meeting all the requirements.

Roadmap

• Create a GitHub repo.
• Create a folder and files for your project. (index.html, style folder, style.css, javascript.js, images folder, etc)
• [] Start with your html layout, from big sections to small sections.
• [] Conect to the API and do a fetch request.
• [] Display the information from your API on your webpage
• [] Apply styles to your webpage.
  • [] MOBILE FIRST
  • [] Chose a color pallet
  • [] Chose a font

(back to top)