Project Title:BOOTSTRAP AND FIGMA PROJECT

Part-1: Marvel Front Website

About the Project

The Marvel Front Website is an application designed to provide users with information about Marvel comics, characters, and related content. It serves as a platform for fans to explore their favorite Marvel stories, characters, and events. The core functionality includes browsing through comics, viewing character profiles, and accessing related media content. This project aims to provide an engaging and informative experience for Marvel enthusiasts.

#output:

Project Type

Front-end

Deployed App

• Frontend: -Netlify:- https://clever-alpaca-8b5e93.netlify.app

Directory Structure

cw_marvel/ ├─ Bootsrap/

│ ├─ index.html

Features

• Browse through Marvel comics.
• View detailed character profiles.
• Access related media content.

Design Decisions or Assumptions

• Assume users are familiar with basic Marvel terminology and characters.

Installation & Getting Started

To install and run the project locally, follow these steps:

1. Clone the repository:

   git clone "https://github.com/sathwikreddy122/CW_Marvel.git"
   1.Navigate to the project directory:
     cd CW_Marvel
   2.Install dependencies:
      npm install
   3.Start the frontend server:
     npm start

4.Access the application

Usage

To use the project, follow these steps:

Browse through comics by selecting the comics section. Explore character profiles by clicking on specific characters. Access related media content such as movies, TV shows, or merchandise through the provided links.

output:

Footer:

  The footer section of our Marvel website provides users with quick access to important links and information.

output:

Credentials

Provide user credentials for accessing authenticated pages if applicable.

APIs Used

Marvel Comics API:

Technology Stack

Frontend: HTML, CSS , Bootstrap

Part-2: Figma design

About the Project

  Welcome to the Figma Design Exploration project! This initiative is focused on crafting visually appealing and user-friendly design solutions using Figma, a powerful collaborative design tool. Our goal is to experiment with various design concepts, refine user interfaces, and foster creativity within the design community.The techstack that was used was purely front-end based and limited to HTML, CSS, Sass and Figma.

Here is a link that will take you to the website:- [https://65dc775b24fc2aaa6f409878--fluffy-fudge-800d09.netlify.app/]

Features

• Interactive Prototypes: View interactive prototypes to experience the flow and functionality.
• Style Guide: Access a comprehensive style guide for consistent design elements.
• Collaborative Design: Leverage the collaborative features of Figma for seamless teamwork.

  Some Basic Layout of navbar

  #output:

Project Type

Front-end

Deployed App

• Frontend: -Netlify:- https://65dc775b24fc2aaa6f409878--fluffy-fudge-800d09.netlify.app/

Directory Structure

cw_marvel/ ├─ Figma/ │ ├─ index.html

Technology Stack

Frontend: HTML, CSS , Sass

Thank you for taking the time to look at our project! Hope you liked it!

Happy Watching!