Team Alpha Super Awesome Cool Dynamite Wolf Squadron - 10 - Project 1

Overview

Super Hero Wiki

This is a group project for our Interactive Front End Web Site. We created a Super Wiki that uses two (2) APIs to provide users a comic book experience in finding their favorite superhero's backstory and movie list.

Built With

This website was built with the standard structure of HTML, CSS, and JS files all referenced appropriately. We pulled from JQUERY, Tailwind, Google Fonts, Marvel API, and Movie API for the content. We used VS Code, the DOM, and Web Developer Tools to write and edit the code.

Website

You can find the final product at: https://vicengs.github.io/Super-Hero-Wiki/

GitHub repository

You can find the repository at: https://github.com/vicengs/Super-Hero-Wiki

SSH to clone

You can clone with: [email protected]:vicengs/Super-Hero-Wiki.git

Contributions

Team Alpha Super Awesome Cool Dynamite Wolf Squadron

Team Members

  • Ballard Ingram
  • Stephen Fike
  • Nathan Greiling
  • Matthew Berti
  • Kevin Heaton
  • Vicente Garcia

The group worked well together to delegate task and reduce time spent on design and API choice. This afforded us more time to focus on the Javascript and API functions that made the website functional.

Delegations

Author Task
Ballard Ingram CSS Style, Media, HTML Structure
Stephen Fike Marvel API, Tailwind Styling
Nathan Greiling Marvel API, Local Storage
Matthew Berti Popular Movie Array and Movie API
Kevin Heaton Wireframe HTML, Tailwind, Presentation
Vicente Garcia Javascript and Movie API

Challenges & Successes

As a group we collaborated to resolve challenges we faced.

  • Finding APIs that worked with our USER STORY.
  • Getting the results to align correctly in each element.
  • Learning a new syntax and framework.

We also found just as many successes to bring the project together.

  • Using GitHub, creating branches, and resolving merge conflicts.
  • Displaying the character information from the Marvel API.
  • Ensuring equal contribution from each team memeber.

Product Images

Search and Popular Movies

Preview of the Site

Popular Movies & DC

Popular Movies

You might also like...

I built a full-stack project using Node, Express, Mongo, webRTC, socket.io, and of course React JS. This project is inspired by the awesome Clubhouse 😊

codershouse-mern - This Project is Under Development. Below are some of the implemented interface and the remaining features will be updated in future

Nov 18, 2022

Awesome book with ES6, this project is build using HTML,CSS, JavaScript ES6 the project allows you to add books and save them with the author , for another time checks

Project Name Awsome books Description the project. adding books daynamiclly Built With Major languages Frameworks Technologies used Live Demo (if avai

Jul 25, 2022

This project is based on the Awesome Books app repo, refactored with ES6 and organized with modules. The purpose of this project is to learn functionality organization using JavaScript modules.

Awesome Books with ES6 and modules A basic app project built with HTML, CSS and JS ES6 to keep track of awesome books. Built With HTML/CSS and JS best

Aug 27, 2022

Team project within the course of Software System Design and Analysis.

Team project within the course of Software System Design and Analysis.

📗 InnoBookCrossing - Application for sharing books at Innopolis gh-md-toc 🔍 General Information Description The application is designed to help peop

Oct 22, 2022

A template project for NRWL's NX, Ionic Framework, Stylelint, Eslint, and more from the OpenForge mobile app team.

OpenForge Ionic Monorepo Example This is a template project for all Ionic + Angular Monorepos. It was generated using a combination of Nx, Ionic Thank

Oct 26, 2022

ICT (Ideas Come Together) - SPA Team Project

ICT (Ideas Come Together) - SPA Team Project This is a team project for our ReactJS module in our webdev program.

Jul 3, 2022

We are students of group named "Special-Team" of GоIT academy. We graduated JavaScript course and for consolidate in practice 📌 knowledges received on this course, we together 🤝 developed graduation project

Проект сайту "Filmoteka" Привіт! 🤗 Ми студенти групи під назвою "Special-Team" академії GоIT 🔥 🚀 Ми закінчили курс JavaScript і для того, щоб закрі

Jan 3, 2023

This is college project in which me and my team create a website that provide the tools for basic text modification and add todos also we add blog init.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jun 9, 2022

Vision is a complete project manager where you can colaborate with your team. Everything is still in development phase.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jun 4, 2022
Owner
Vicente Garcia Sepulveda
Vicente Garcia Sepulveda
Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team.

Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team. The user can create an account to monitor their results and achievements. The whole idea of the product is to make the player think and develop his logical thinking.

Vocational school for computer programming and innovation 14 Aug 8, 2022
Super team.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 7 Nov 17, 2022
The repository contains the list of awesome✨ & cool web development beginner-friendly✌️ projects!

Web-dev-mini-projects The repository contains the list of awesome ✨ & cool web development beginner-friendly ✌️ projects! Web-dev-mini-projects ADD AN

Ayush Parikh 265 Jan 3, 2023
This project is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This Awesome books webpage was created using ES6.

Awesome books App using Module Awesome books App using Module This book list was built using modules and other ES6 syntax. It allows users to add/remo

Esther Udondian 6 Jul 25, 2022
Alpha version of ALBot 2.0, the spiritual successor to ALBot

ALBot 2.0 Alpha Alpha version of ALBot 2.0, the spiritual successor to ALBot. ALBot 2.0 uses Discord.js to interface with the Discord API, supplanting

UF Open Source Club 8 Nov 17, 2022
🤖A Tic-Tac-Toe solver that uses the minimax algorithm and alpha-beta pruning to make it unbeatable

Tic-Tac-Toe AI A Tic-Tac-Toe solver that uses the minimax algorithm and alpha-beta pruning to make it unbeatable How it Works Tic-Tac-Toe is what is k

Martin 4 May 20, 2022
A full documentation on everything we know about Alpha 1.0.16 versions.

Minecraft's Alpha 1.0.16 Versions Before you start, make sure to watch RetroGamingNow's video about this first. Highly influenced (technically a port

_NexTre_ 44 Dec 23, 2022
ALPHA build of re621 2.0

RE621 is a comprehensive project created to improve the basic user experience while browsing e621.net. It consists of several different modules that e

re621 11 Dec 16, 2022
An Awesome Toggle Menu created with HTML,CSS,JQuery,font-awesome and line by line comment.

Demo : https://blackx-732.github.io/AwesomeMenu/ Under open source license No ©copyright issues Anyone can be modify this code as well Specifically we

BlackX-Lolipop 2 Feb 9, 2021
Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. This project is build with JavaScript.

Event Page Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. Built With HTML CSS JavaScr

Miftah Amin 16 Feb 28, 2022